Kako Ustvarjanje Umetak Besedilo CSS3
Mnoge zanimive nove funkcije in funkcije se mislil gor za CSS3. Danes bomo ustvarili Umetak test z CSS3. Ta lastnost bo podpiral Firefox, Opera, Chrome in Safari. Umetak besedilo je besedilo, ki je bila potisnjena v ozadje, skoraj kot povratne reliefen učinek. Upam, da boste našli precej koristen navdih za naslednji zasnove projekta. Hvala!
Ta lastnost Text Shadow ne podpira IE. View Demo
Sporočite nam svoje misli? Če si našel druge Vadnice, ki jih želite deliti z nami, vas prosimo, da nas obvestite, ki ga spustite komentar.
Primer
Korak # 1 Css Struktura
Najprej smo ustvarili kodo, Simple Css
* ( ; padding: 0; margin: 0; ) body ( ; background: # 222; )# zabojnik ( ; margin: 0 auto; ; background: # 333333; )h2 ( ; color: # 000; #4A4947 ; text-shadow: - 1px 1px 1px # 4A4947; Arial, Helvetica, sans-serif ; font: bold 36px Arial, Helvetica, sans-serif; ; margin: 0 0 0 0; 10px 0 ; padding: 0 0 10px 0; )1px 1px #4A4947 ; font :bold 18px Arial, Helvetica, sans-serif ; color : # 000 ; padding : 0 0 10px 0 ; line-height : 162 . 5 %; } p (text-shadow: - 1px 1px 1px # 4A4947; font: bold 18px Arial, Helvetica, sans-serif; color: # 000; padding: 0 0 10px 0; line-height: 162. 5%;)
Korak # 2 Html Struktura
Zdaj smo ustvarili kodo, Simple Html
> <div id = "container"> <h2> Razdelek </ h2> <p> Et ut ac sociis natoque Montes! Porta lundium sed, tempor ac porta, Lindjes turpis. Ac, ut eros egestas, adipiscing penatibus sit lacus mattis Lindjes, placerat. </ p> <p> Et ut ac sociis natoque Montes! Porta lundium sed, tempor ac porta, Lindjes turpis. Ac, ut eros egestas, adipiscing penatibus sit lacus mattis Lindjes, placerat. </ p> </ div>
View Demo
Sledite nam na Twitter, ali se naročite na Developers Paradise + RSS Feed za najboljši tutorski web development na spletu.
Spodbujanje nas
Povezani članki:
Če ste uživali branju tega članka, preverite iz drugih sorodnih člankov spodaj:
[User Povezava: How to Create Umetak Besedilo CSS3] | Nasveti za oblikovalci in Developers | tripwire revija pravi on: 4. marec 2010 ob 6:50 Said:
[...] User News if (typeof Meebo == 'undefined') (Meebo = function () ((Meebo._ = Meebo._ ||[]). push (argumente)); (funkcija (q) ( var args = argumente, če (! document.body) (return setTimeout (function () (args.callee.apply (ta, args)), 100);) var d = document, b = d.body, m = b . insertBefore (d.createElement ( "div"), b.firstChild), s = d.createElement ( 'script'); m.id = 'meebo'; m.style.display = 'none'; m.innerHTML = "; s.src = 'http' + (q.https? 's':")+'://'+( q.stage?" fazi-':")+' cim.meebo.com / CIM / cim.php? omrežje = '+ q.network; b.insertBefore (s, b.firstChild);)) ((omrežje: "tripwiremagazine_fu72bi'));) Ustvarjanje Umetak Besedilo CSS3 [...]
Kako s CSS3 Ustvari Umetak Besedilo | OnlineSchoolofDesign.com pravi on: 4. marec 2010 ob 11:05 Said:
[...] It out: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ Sledite nam na Cvrkutati za še bolj posodobitve! HOSTING PROMOGet posebna 35 % popusta, ki je [...]
Erica | UPrinting pravi on: 5. marec 2010 ob 5:55 Said:
Nikoli nisem vedel o tem, saj mi je znano o css, so samo osnove. Hvala za delitev tega, bom zagotovo poskusil ta. Veselimo za vaš naslednji post!
Marek Stasikowski pravi on: 5. marec 2010 ob 1:44 Said:
Oprosti, ampak res ni všeč ideja o podvojitvi vsebine v označevalnih. Tam je boljši od tega, npr. JavaScript temeljijo.
120 + ogromen zbiranje Sveže Izdelki za oblikovalci in Developers | tripwire revija pravi on: 5. marec 2010 ob 10:57 Said:
[...] Kako ustvariti Umetak Besedilo CSS3 [...]
CSS Brigit | Kako Ustvari Umetak Besedilo CSS3 pravi on: 6. marec 2010 ob 12:11 Said:
Kako Ustvarjanje Umetak Besedilo CSS3 ...
Mnoge zanimive nove funkcije in funkcije se mislil gor za CSS3. Danes bomo ustvarili Umetak test z CSS3. ...