Cień pola
Wizualne tworzenie cieni box-shadow z podglądem na żywo i gotowym kodem CSS.
Najwazniejsze funkcje
- Intuicyjne sterowanie przesunięciem poziomym i pionowym
- Suwaki promienia rozmycia i rozprzężenia
- Obsługa cieni wewnętrznych (inset) i zewnętrznych
- Kopiowanie pełnego kodu CSS z całym wymaganym formatowaniem
Guide
Cienie CSS dodają głębię i realizm do elementów interfejsu. Ale składnia box-shadow z jej wieloma parametrami jest ciężka do opanowania na pamięć. Darmowy generator cieni CSS WebRecast pozwala tworzyć cienie wizualnie za pomocą suwaków. Zmień przesunięcie X i Y, rozmycie, rozciągnięcie i kolor, widząc efekt w czasie rzeczywistym. Dodawaj wiele warstw cieni dla zaawansowanych efektów. Praktyczna wskazówka: subtelne cienie z dużym rozmyciem wyglądają bardziej naturalnie niż ostre, ciemne cienie. Darmowy generator box-shadow online, skopiuj kod CSS jednym kliknięciem.
Czeste pytania
Czy mogę nakładać wiele cieni?
Tak! Możesz zdefiniować wiele warstw cienia, a zostaną sformatowane jako jeden ciąg CSS.
Czy działa też dla text-shadow?
To narzędzie skupia się na box-shadow. Podobne wartości możesz zastosować do text-shadow w swoim CSS.
