Jenereta ya CSS ya Maandishi ya Mtandaoni

Unda athari za maandishi ya gradient kwa wavuti yako

Controls

2
2
4
50

Vivuli vingi

Mipangilio maarufu

Preview

Onyesho la Kivuli cha Maandishi

Kuhusu Jenereta ya Kivuli cha Maandishi

Rahisi kutumia

Tengeneza vivuli vyema vya maandishi na kiolesura chetu angavu. Hakuna maarifa ya CSS yanayohitajika!

Msikivu kikamilifu

Inafanya kazi kikamilifu kwenye vifaa vyote, kutoka kwa simu za rununu hadi kompyuta za mezani.

Pata msimbo safi wa CSS ulio tayari kwa uzalishaji ambao unaweza kutumia katika miradi yako papo hapo.

Jinsi ya kutumia jenereta ya kivuli cha maandishi

1

Rekebisha vitelezi

Rekebisha urekebishaji wa mlalo, kukabiliana wima, radius ya ukungu, na uwazi ili kuunda kivuli kamili.

2

Chagua rangi

Chagua rangi yoyote ya kivuli chako cha maandishi kwa kutumia kiteua rangi au ingizo la msimbo wa hex.

3

Hakiki muundo wako

Tazama jinsi kivuli chako cha maandishi kinavyoonekana katika muda halisi ukitumia onyesho letu la kukagua maingiliano.

4

Nakili CSS

Bofya kitufe cha kunakili ili kupata msimbo wako wa CSS unaozalishwa na uitumie katika mradi wako.

Mifano maarufu ya kivuli cha maandishi

Athari ya Neon Glow

Athari ya Neon Glow

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;

Athari ya Maandishi ya 3D

Athari ya Maandishi ya 3D

text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;

Kivuli cha hila

Kivuli cha hila

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);

Kivuli cha ndani

Kivuli cha ndani

text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);

Related Tools