Generator box-shadow CSS
Dostosuj przesunięcie, rozmycie, rozrzut, kolor i przezroczystość za pomocą suwaków i wyboru koloru, aby zaprojektować cień CSS (box-shadow), zobacz go na żywo na podglądowym prostokącie i skopiuj wygenerowaną deklarację box-shadow prosto do swojego arkusza stylów.
box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.35);Jak to działa
Przesunięcie X i przesunięcie Y przesuwają cień w poziomie i pionie, promień rozmycia zmiękcza jego krawędź, a promień rozrzutu powiększa lub zmniejsza go przed zastosowaniem rozmycia. Wybierz kolor i przezroczystość cienia oraz włącz „inset", aby narysować cień wewnątrz krawędzi prostokąta zamiast na zewnątrz.
Wskazówka
Subtelne cienie zwykle wyglądają najlepiej: niewielkie przesunięcie, promień rozmycia mniej więcej dwa do trzech razy większy od przesunięcia oraz przezroczystość wyraźnie poniżej 50% dają efekt delikatnego, naturalnego uniesienia zamiast ciężkiego konturu.
Czy mogę nałożyć na siebie kilka cieni?
Tak — właściwość CSS box-shadow przyjmuje listę cieni oddzielonych przecinkami, ułożonych od góry do dołu. To narzędzie generuje jeden cień naraz; połącz kilka wygenerowanych deklaracji (oddzielonych przecinkami), aby uzyskać warstwowe, bardziej realistyczne cienie.
Więcej narzędzi w tej kategorii
Tester wyrażeń regularnych
Testuj wyrażenia regularne na przykładowym tekście z podświetlaniem dopasowań na żywo.
Analizator wyrażeń cron
Przeanalizuj 5-polowe wyrażenie cron na czytelny opis harmonogramu i zobacz najbliższe uruchomienia.
Konwerter kodowania tekstu
Konwertuj tekst jednocześnie na hex UTF-8, binarny, punkty kodowe, Base64, kodowanie URL i encje HTML.
Generator haseł
Generuj natychmiast silne, losowe hasła bezpośrednio w przeglądarce.
Formatter i walidator JSON
Formatuj, waliduj i minimalizuj JSON błyskawicznie w przeglądarce.
Generator UUID
Generuj losowe UUID w wersji 4 (RFC 4122) błyskawicznie w przeglądarce.
Dekoder JWT
Dekoduj i sprawdzaj JSON Web Tokeny (JWT) natychmiast w przeglądarce.
Porównywarka tekstu
Porównaj dwa bloki tekstu i od razu zobacz każdą dodaną lub usuniętą linię.
Generator slugów
Zamień dowolny tekst na czysty, przyjazny dla URL slug w czasie rzeczywistym.
Konwerter systemów liczbowych
Błyskawicznie konwertuj liczby między systemem binarnym, ósemkowym, dziesiętnym i szesnastkowym.
Konwerter znacznika czasu Unix
Konwertuj znaczniki czasu Unix na daty i daty na znaczniki czasu Unix, na żywo.
Generator hashy
Generuj skróty SHA-1, SHA-256 i SHA-512 z dowolnego tekstu, prosto w przeglądarce.
Generator wyrażeń cron
Zbuduj poprawne 5-polowe wyrażenie cron za pomocą prostego formularza — bez konieczności zapamiętywania składni.
Generator Lorem Ipsum
Generuj tekst zastępczy Lorem Ipsum w akapitach, zdaniach lub słowach do makiet i układów.
Podgląd Markdown
Pisz Markdown po lewej i obserwuj na żywo wyrenderowany HTML po prawej.
Kalkulator podsieci IP
Wpisz adres IPv4 w notacji CIDR i otrzymaj sieć, maskę, adres rozgłoszeniowy i zakres hostów.
Wyszukiwarka kodów statusu HTTP
Sprawdź dowolny kod statusu HTTP i poznaj jego standardowe znaczenie w prostych słowach.
Formater SQL
Zamień zminifikowany lub nieuporządkowany SQL na czytelne, wcięte instrukcje.
Konwerter obrazu na Base64
Przekształć obraz w URI danych Base64, który możesz wkleić bezpośrednio do HTML, CSS lub JSON — całkowicie w przeglądarce.
Porównywarka Semver
Porównaj dwa łańcuchy wersji semantycznych i sprawdź, która ma pierwszeństwo, zgodnie z oficjalnymi zasadami semver.