Paano Gumawa ng tanim Text na may CSS3
Maraming mga kapanapanabik na bagong mga pag-andar at tampok ay pinag-isipan para sa CSS3. Ngayon kami ay pagpunta sa gumawa ng tanim pagsubok sa CSS3. Ari-arian Iyon ay sumusuporta sa Firefox, Opera, chrome at Safari. Magsingit ng teksto na teksto na ay hunhon sa background, halos tulad ng isang reverse alsado epekto. Umaasa ako na, ikaw ay makahanap ng isang lubos na kapaki-pakinabang na inspirasyon para sa iyong susunod na disenyo ng proyekto. Salamat!
Na ito ay ari-arian ng Shadow Text ay hindi suportado ng IE. Tingnan ang Demo
Ipagbigay alam sa amin ang iyong mga saloobin? Kung kayo ay natagpuan sa anumang iba pang mga Tutorials na nais mong ibahagi sa amin, huwag mag-atubiling ipaalam sa amin sa pamamagitan ng bumababa sa isang puna.
Halimbawa
Hakbang # 1 Css Structure
unang gumawa kami ng isang simpleng code ng Css
* * * ( ; padding: 0; margin: 0; ) katawan ( ; background: # 222; )# lalagyan ( ; margin: 0 auto; ; background: # 333,333; ): # 000 ; text-shadow :- 1px 1px 1px #4A4947 ; font : 36px bold Arial, Helvetica, sans-serif ; margin : 0 0 0 0 ; padding : 0 0 10px 0 ; } h2 (color: # 000; text-kasama-sama: - 1px 1px 1px # 4A4947; font: bold 36px Arial, Helvetica, walang-serif; margin: 0 0 0 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-kasama-sama: - 1px 1px 1px # 4A4947; font: bold 18px Arial, Helvetica, walang-serif; color: # 000; padding: 0 0 10px 0; line-height: 162. 5%;)
Hakbang # 2 Html Structure
ngayon gumawa kami ng isang simpleng code Html
> <h2> Heading </h2> <p> Et ut ac sociis natoque montes! <div id = "container"> <h2> Heading </ h2> <p> et ut AC sociis natoque montes! Porta lundium sed, tempor AC porta, manganganak turpis. AC, ut seks egestas, adipiscing penatibus umupo lacus mattis manganganak, placerat. </ P> <p> et ut AC sociis natoque montes! Porta lundium sed, tempor AC porta, manganganak turpis. AC, ut seks egestas, adipiscing penatibus umupo lacus mattis manganganak, placerat. </ P> </ div>
Tingnan ang Demo
Sundin sa amin sa Twitter, o mag-subscribe sa Developers Paradise + RSS Feed para sa pinakamahusay na Tutorials web-unlad sa web.
Promote sa Amin
Mga Kaugnay na Akda:
kung ikaw Naging masaya pagbabasa ng artikulong ito, mangyaring tingnan ang iba pang mga kaugnay na artikulo sa ibaba:
[User Link: Paano Gumawa ng tanim Text na may CSS3] | Mga Tip para sa designer at Developers | tripwire magazine says on: Marso 4, 2010 at 6:50 Said:
[...] User News kung (typeof Meebo == 'malabo') (Meebo = function () ((Meebo._ = Meebo._ ||[]). itulak (argumento)); (function (q) ( var args = argumento kung (! document.body) (bumalik setTimeout (function () (args.callee.apply (ito, args)), 100);) var d = dokumento, 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?' yugto-':")+' cim.meebo.com / cim / cim.php? network = '+ q.network; b.insertBefore (s, b.firstChild);)) ((network:' tripwiremagazine_fu72bi '));) Paano Gumawa ng tanim Text na may CSS3 [...]
Paano Gumawa ng tanim Text na may CSS3 | OnlineSchoolofDesign.com says on: Marso 4, 2010 at 11:05 Said:
[...] Ito: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ Sundin sa amin sa Twitter para sa mas marami pang update! Hosting PROMOGet ng isang espesyal na 35 % diskuwento sa paggawa ng ito [...]
Erica | UPrinting says on: Marso 5, 2010 at 5:55 Said:
Hindi ko alam ang tungkol dito, dahil ang aking kaalaman tungkol sa css ay lamang ang mga basics. Salamat sa pagbabahagi na ito, ako ay para bang subukan ang isang ito. Looking forward para sa iyong susunod na post!
Marek Stasikowski says on: Marso 5, 2010 at 1:44 Said:
Paumanhin, ngunit ko talagang hindi na tulad ng ideya ng pagdodoble sa nilalaman sa ang markup. May mas mahusay kaysa sa na ito, hal. Base sa JavaScript.
120 + Dambuhala koleksyon ng Fresh Artikulo para sa designer at Developers | tripwire magazine says on: Marso 5, 2010 at 10:57 Said:
[...] Paano Gumawa ng tanim Text na may CSS3 [...]
CSS Brigit | Paano Gumawa ng tanim Text na may CSS3 says on: Marso 6, 2010 at 12:11 Said:
Paano Gumawa ng tanim Text na may CSS3 ...
Maraming mga kapanapanabik na bagong mga pag-andar at tampok ay pinag-isipan para sa CSS3. Ngayon kami ay pagpunta sa gumawa ng tanim pagsubok sa CSS3. ...