CSS teksta ēnas ģenerātors
Interaktīvi veidojiet CSS text-shadow. Pievienojiet vairākus ēnu slāņus, pielāgojiet X/Y nobīdi, izplūdumu, krāsu un necaurredzamību.
Padomi un ieteikumi
- Vairāki teksta ēnas slāņi tiek atdalīti ar komatiem — pievienojiet slāņus dziļuma vai spīduma efektiem.
- Balts ēnas ar nulli izplūdumu rada cietu kontūras efektu uz tumša teksta.
- Izmantojiet
rgba()ar zemu necaurredzamību dabiskiem ēnu efektiem. - Negatīvas X/Y vērtības pārvieto ēnu uz augšu-kreisi.
Saistītie rīki
CSS filtra ģenerātors
Ģenerē CSS filtra efektus — izplūšanu, spilgtumu, kontrastu, krāsu rotāciju, piesātinājumu, sepiju un vairāk — ar attēlu priekšskatījumu.
CSS clip-path ģenerātors
Interaktīvi ģenerē CSS clip-path formas — poligonus, apļus un elipses — ar tiešraides priekšskatījumu. Velc vadīklas.
CSS animāciju ģenerātors
Vizuāli veido CSS @keyframe animācijas ar laika, atslābuma, aizkaves un atkārtošanās vadīklām.
CSS Flexbox ģenerātors
Vizuāls flexbox spēļu laukums — konfigurē flex-direction, flex-wrap, justify-content, align-items un elementu rekvizītus.
CSS lodziņa ēnas ģenerātors
Vizuāli veido CSS lodziņa ēnas ar slaidēm. Vairāki ēnu slāņi, izplūšana, izplatība, krāsa un necaurredzamība.
CSS gradienta ģenerātors
Vizuāli veido skaistus CSS lineāros un radiālos gradientus. Pielāgo krāsas, pieturas un leņķi — kopē gatavo CSS.
CSS gradienta teksta ģenerātors
Izveido gradienta teksta efektus tiešsaistē. Izvēlas 2–4 krāsas, virzienu un kopē gatavo CSS background-clip kodu.
CSS mainīgo ģenerātors
Izveido pilnu CSS pielāgoto rekvizītu :root bloku krāsām, atstarpēm, tipografijai un apmales rādiusam.
CSS tīkla ģenerātors
Vizuāli veido CSS tīkla izkārtojumus. Konfigurē kolonnas, rindas, atstarpus un kopē ģenerēto CSS.
CSS apmales rādiusa ģenerātors
Vizuāli ģenerē border-radius CSS ar neatkarīgiem stūru vadīklām un tiešraides priekšskatījumu.