⭐ 0
🔍
Tekst Slika PDF i dokumenti Audio Glazba Elektronika Vrijeme Komunalije Validatori Ezoterija Igre

Umetnuta sjena CSS okvira — gotov kod

Vizualno izradite CSS box-shadow kod: klizači za pomak, zamućenje, širenje, boju s neprozirnošću, način umetanja i do četiri sloja s pregledom uživo.

0px
4px
12px
0px
0.25
Obrada... 0%

Rezultat

Ova stranica otvara generator sjene okvira s već označenim potvrdnim okvirom za umetanje, tako da se sjena crta unutar elementa umjesto iza njega. Kartica za pregled prikazuje potopljeni efekt odjednom, a svaki klizač neprestano ažurira CSS liniju uživo.

Umetnute sjene su način na koji CSS lažira dubinu koja ide prema unutra: stanja pritisnutog gumba, polja za pretraživanje i udubljenja za unos, korita trake napretka i gravirane ploče oslanjaju se na njih. Budući da sjena grli unutarnji rub, zamućenje i širenje ponašaju se nešto drugačije nego u normalnoj sjeni — klizači vam omogućuju da odmah osjetite tu razliku.

Kada je udubljeni izgled ispravan, kopirajte liniju sjene okvira u svoju tablicu stilova. Također možete kombinirati umetnuti sloj s uobičajenim vanjskim slojevima — dodajte drugi sloj i poništite umetnuti na njemu kako biste oba pomiješali u jednoj deklaraciji.

🛡️
Izvršeno u pregledniku

Vaše datoteke i unosi nikada ne napuštaju ovaj uređaj. Obrada se odvija potpuno offline. 100% siguran.

Prihvaćeni formati i pravila

  • Klizači za pomak X/Y, zamućenje i širenje s očitavanjem piksela uživo, plus birač boja s zasebnim klizačem neprozirnosti.
  • Umetnite potvrdni okvir i popis slojeva: dodajte, odaberite i uklonite do četiri sloja sjene.
  • Copyable okvir-sjena CSS linija pokriva sve slojeve, pretpregled na promjenjivoj svijetloj ili tamnoj pozadini.

Ključne prednosti

✓ Svaki klizač trenutačno ažurira karticu pregleda i CSS redak — bez nagađanja kako će 0 8px 24px rgba(...) zapravo izgledati.
✓ Do četiri sloja sjene omogućuju vam da izgradite realistične uzvisine i neumorfne efekte koje generatori jedne sjene ne mogu izraziti.
✓ Prebacivanje svijetle/tamne pozadine pokazuje kako vaša sjena čita obje teme prije nego što je pošaljete.

Slučajevi upotrebe

  • • Odaberite meku visinsku sjenu za karticu proizvoda povlačenjem klizača umjesto uređivanja rgba() vrijednosti na slijepo.
  • • Izgradite dvoslojni svjetlo/tamni efekt neumorfizma i kopirajte cijelu višeslojnu liniju kutije-sjene jednim klikom.
  • • Prije slanja teme provjerite tamnu pozadinu pregleda da li vaša sjena još uvijek čita u tamnom načinu rada.