Generator Box Shadow
Dostosuj parametry cienia suwakami, łącz warstwy dla uzyskania głębi i błyskawicznie kopiuj gotowy kod CSS.
Każdy cień jest renderowany w Państwa przeglądarce. Żadne ustawienia nie są przesyłane do BroBroGo.
FAQ
Co dokładnie kontrolują parametry offset, blur i spread?
Przesunięcie (offset) przesuwa cień w poziomie i pionie, rozmycie (blur) zmiękcza jego krawędzie, a rozciągnięcie (spread) powiększa go lub pomniejsza przed rozmyciem. Ujemna wartość rozciągnięcia zwęża cień, co jest przydatne przy tworzeniu subtelnych, bliskich cieni.
Do czego służy opcja inset?
Zwykły cień pojawia się na zewnątrz elementu, dając efekt uniesienia nad tło. Opcja Inset przenosi cień do wewnątrz, sprawiając, że element wygląda na wciśnięty — idealne rozwiązanie dla pól formularzy lub wciśniętych przycisków.
Dlaczego warto nakładać na siebie kilka warstw cienia?
Pojedynczy cień przy większych rozmiarach często wygląda płasko. Naturalny efekt głębi uzyskuje się zazwyczaj poprzez połączenie wąskiego, ciemniejszego cienia z miękkim, szerszym — dodanie drugiej warstwy i niezależna regulacja każdej z nich pozwala osiągnąć ten profesjonalny rezultat.