دائىم ئىشلىتىلىدىغان CSS3 خەت ئۈنۈملىرى

napalion11 · ۋاقتى: 2012-5-24 23:07:54

1- text-shadow ( سايە ئۈنۈمى )

text-shadow{ text-shadow:1px 1px 2px #2c5103; color:#60ad0d; }

مەزمۇننى كۆچۈرۈۋېلىش

2- text-3d (ئۈچ ئورۇنلۇق خەت ئۈنۈمى )

text-3d{text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
color:#fff; background:#3699f6;
}

مەزمۇننى كۆچۈرۈۋېلىش

3- text-light سىرىتقا نۇر چېچىش

text-light{text-shadow:0 0 20px #ff6600; color:#fff; background:#333;}

مەزمۇننى كۆچۈرۈۋېلىش

4- text-blur چاپاق خەت

text-blur{ text-shadow:0 0 10px #fff; color:transparent; background:#333;}

مەزمۇننى كۆچۈرۈۋېلىش

5- text-indent ئويما خەت

text-indent{text-shadow: 0 1px 1px #FFF; color: #717171; background:#d3d3d3;}

مەزمۇننى كۆچۈرۈۋېلىش

6- text-carve ھەقىقى ئويما

text-carve{text-shadow: -1px -1px #fff, 1px 1px #333; color: #CCC; background:#d3d3d3;}

مەزمۇننى كۆچۈرۈۋېلىش

7- text-inner-shadow ئىچ سايە

text-inner-shadow{background: #666; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent; text-shadow:rgba(255,255,255,0.5) 0px 3px 3px;
}

مەزمۇننى كۆچۈرۈۋېلىش

8- كاۋاك خەت

text{height: 20px;
padding: 35px;
color: White;
text-shadow: -1px 0 black,0 1px black,1px 0 black,0 -1px black;
}

مەزمۇننى كۆچۈرۈۋېلىش

9-Neon Lights Effect يورۇتما خەت

Neon Lights Effect{color: #fff; text-shadow:0 0 5px #CCCCCC, 0 0 10px #CCCCCC, 0 0 15px #CCCCCC, 0 0 20px #095816, 0 0 25px #095816, 0 0 30px #095816, 0 0 50px #095816, 0 0 80px #095816, 0 0 100px #095816, 0 0 150px #095816;}

مەزمۇننى كۆچۈرۈۋېلىش

10- Stroke Effect چۆرىسىگە سىزىش

Stroke Effect{color: #c00; -webkit-text-stroke: 1px #000;}

مەزمۇننى كۆچۈرۈۋېلىش

11- Anaglyphic text effect 3d قىزىل كۆك 3d ئۈنۈم

Anaglyphic text effect 3d{color: rgba(0,255,240,0.5); text-shadow: -8px -8px 0 rgba(255,6,0,0.5);}

مەزمۇننى كۆچۈرۈۋېلىش

12- Background-clip:text خەت يۈزىگە رەسىم تەگلىك قىلىش
background:url("backgroundImage.png") no-repeat left top; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
بۇ يەردىكى backgroundImage.png بولسا سىزكۆرسەتمەكچى بولغان رەسىم شۇ.

uyghurboy · ۋاقتى: 2012-5-25 10:44:14

بولىدىغان تىمىكەن رەھمەت ھە

napalion11 · ۋاقتى: 2012-5-25 16:33:09

چۈشەندۈرۈشنى ئۇنتۇپ قاپتىمەن. تور بەت ياساش دىتالى ئارقىلىق يېڭى بەتتىن بىرنى قۇرۇپلا css ئۇلاڭ، ئاندىن h1 ماۋزۇغا ئۆزىڭىز خالىغاننى يېزىپ ئۈستىدىكى كود ئارقىلىق ئۈنۈمىنى كۆرسىڭىز بولىدۇ. (Chrome نى تەۋسىيە قىلىمەن)

ھېسابات		ساقلاش	پارول قايتۇرىۋېلىش
پارول			تىزىملىتىش

مىكروبلوگ[ يېڭى | 24 سائەت | 7 كۈن | 30 كۈن ]

دائىم ئىشلىتىلىدىغان CSS3 خەت ئۈنۈملىرى

باھا سۆز

باھالاش