Kif Toħloq Inset Test b'rilevanza CSS3
Ħafna funzjonijiet ġodda u eċċitanti karatteristiċi qed maħsub għall CSS3. Illum aħna ser joħolqu test daħla ma CSS3. Dik il-proprjetà se jappoġġa Firefox, Opera, Chrome u Safari. Test Inset test huwa li ġie mbuttat fl-isfond, kważi simili effett intaljat reverse. Nittama li, inti ser issib ispirazzjoni pjuttost utli għall-proġett tiegħek tad-disinn li jmiss. Grazzi!
Din il-proprjetà Shadow Test mhijiex sostnuta minn IE. View Demo
Let us know ħsibijiet tiegħek? Jekk jinstab xi tutorials oħra li inti trid taqsamhom magħna, tħossok liberu li jgħidilna minn twaqqa fil-kumment.
Eżempju
# 1 Pass css Struttura
ewwel noħolqu kodiċi sempliċi css
* ( ; padding: 0; margin: 0; ) korp ( ; background: # 222; )# kontenitur ( ; margin: 0 auto; ; background: # 333,333; )h2 ( ; color: # 000; #4A4947 ; shadow-test: - 1px 1px 1px # 4A4947; Arial, Helvetica, sans-serif ; font: 36px Arial bold, 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; linja tal-għoli: 162. 5%;)
# 2 Pass Html Struttura
issa noħolqu kodiċi sempliċi Html
> <h2> Heading </h2> <p> Et ut ac sociis natoque montes! <div id = "container"> <h2> Intestatura </ h2> <p> Et ut ac sociis natoque Montes! Lundium Porta zat, tempor ac porta, turpis parturient. Ac, egestas ut eros, penatibus adipiscing ipoġġu mattis lacus parturient, placerat. </ P> <p> Et ut ac sociis natoque Montes! Lundium Porta zat, tempor ac porta, turpis parturient. Ac, egestas ut eros, penatibus adipiscing ipoġġu mattis lacus parturient, placerat. </ P> </ div>
View Demo
Follow us fuq Twitter, jew tabbona għall-Paradise Developers + RSS Feed għall-tutorials aqwa web iżvilupp fuq il-web.
Tippromwovi Us
Artikli relatati:
jekk inti jgawdu qari dan l-artikolu, jekk jogħġbok check out oġġetti relatati oħra hawn taħt:
[Link Utenti: Kif Toħloq Inset Test b'relevanza CSS3] | Għajnuniet għall-disinjaturi u Developers | rivista tripwire says fuq: 4 Marzu, 2010 fi 6:50 Said:
[...] User News Meebo jekk (typeof == "undefined") (Meebo = il-funzjoni () ((Meebo._ = Meebo._ ||[]). push (argumenti)); (funzjoni (q) ( args var argumenti =; jekk (! document.body) setTimeout ritorn ((funzjoni () (args.callee.apply (dan, args)), 100);) var d = id-dokument, b = d.body, m = b . insertBefore (d.createElement div ( ""), b.firstChild); s = d.createElement iskrittura ( ""); m.id meebo = ""; m.style.display ebda = ""; = m.innerHTML "; s.src http =" + (q.https? "i q.stage':")+'://'+(?" stadju-':")+' cim.meebo.com / CIM / cim.php? netwerk = "+ q.network; b.insertBefore (i, b.firstChild);)) ((netwerk:" tripwiremagazine_fu72bi "));) Kif Toħloq Inset Test b'rilevanza CSS3 [...]
Kif Toħloq Inset Test b'relevanza CSS3 | OnlineSchoolofDesign.com says fuq: 4 Marzu, 2010 fil-11:05 Said:
[...] It out: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ Follow us fuq Twitter għal aġġornamenti anke aktar! HOSTING PROMOGet '35 speċjali % discount jagħmilha [...]
Erica | UPrinting says fuq: 5 Marzu, 2010 fi 5:55 am Said:
I qatt ma kien jaf dwar dan, peress li l-għarfien tiegħi dwar css huma biss il-punti bażiċi. Grazzi għall-qsim ta 'din, jien se għal żgur tipprova dan wieħed. B'ħarsa 'l quddiem għall-post li jmiss tiegħek!
Marek Stasikowski says fuq: 5 Marzu, 2010 fi 1:44 pm Said:
Jiddispjacini, iżda I really ma bħall-idea ta 'l-irduppjar tal-kontenut fil-markup. Hemm aħjar minn dan, eż. JavaScript ibbażata.
120 + ġbir kbar ta 'l-Artikoli frisk għall-disinjaturi u Developers | rivista tripwire says fuq: 5 Marzu, 2010 fil-10:57 Said:
[...] Kif Toħloq Inset Test b'rilevanza CSS3 [...]
CSS Brigit | Kif Toħloq Inset Test b'relevanza CSS3 says fuq: 6 Marzu, 2010 fil-12:11 Said:
Kif Toħloq Inset Test b'rilevanza CSS3 ...
Ħafna funzjonijiet ġodda u eċċitanti karatteristiċi qed maħsub għall CSS3. Illum aħna ser joħolqu test daħla ma CSS3. ...