CSS gradienta teksta ģenerātors
Izveidojiet krāsainus gradienta teksta efektus ar dzīvo priekšskatījumu. Izvēlieties līdz 4 krāsām un kopējiet CSS ar vienu klikšķi.
Gradient Text
CSS Output
background: linear-gradient(to right, #6366f1, #ec4899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
Kā darbojas gradienta teksts CSS
Gradienta teksts tiek panākts ar linear-gradient fonu, -webkit-background-clip: text un -webkit-text-fill-color: transparent — gradients ir redzams caur tekstu.
Saistītie rīki
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.
CSS teksta ēnas ģenerātors
Izveido slāņainus CSS teksta ēnu efektus ar tiešraides priekšskatījumu un viena klikšķa kopēšanu.
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.