- - Style warstw Generator CSS tworzy efekty cienia, tła i obramowania

Style warstw Generator CSS tworzy efekty cienia, tła i obramowania

CSS sprawia, że ​​życie staje się proste, a strony internetowe bardzo dużolepiej, ale wciąż nie ma czegoś takiego, jak coś, co jest zbyt proste. Podczas gdy CSS może ułatwić stosowanie stylów na stronach internetowych, tworzenie nawet umiarkowanie skomplikowanych CSS może zająć trochę czasu. Style warstw to generator CSS, który pozwala tworzyć efekty cienia, tła i obramowania dla warstw (tekstu lub obrazu) za pomocą elementów sterujących podobnych do elementów sterujących efektem warstw w programie Photoshop.

Interfejs Style warstw

Style warstw generują kod CSS dla pięciuróżne rodzaje efektów; Upuść cień, cień wewnętrzny, tło, obramowanie i promień obramowania. Możesz wybrać kolor, odległość od obiektu / warstwy, rozmycie oraz rozmiar zarówno cienia, jak i cienia wewnętrznego. Kolor tła można zmienić na stały lub gradientowy, z dziewięcioma ustawieniami tła dostępnymi dla opcji gradientu. Możesz także dodać efekt obramowania bryłowego, przerywanego lub liniowego. Efekt promieniowy pozwala zaokrąglać granice warstwy.

style warstw

Po utworzeniu pożądanego efektu za pomocą elementów sterujących kliknij przycisk CSS przycisk w lewym dolnym rogu i kodzostanie wygenerowany. Kwadrat pośrodku umożliwia podgląd wszystkich efektów, które zastosujesz z elementów sterujących. Ten generator CSS jest przydatny, jeśli chcesz dodać dowolny z pięciu efektów do zdefiniowanej kolumny, obrazu lub pola tekstowego na stronie internetowej.

Odwiedź Style warstw

Komentarze