Kuidas luua Sisendseadmed EMPs CSS3
Paljud uusi põnevaid ülesandeid ja funktsioone, mida mõtlesin jaoks CSS3. Täna me tahame luua inset katse CSS3. See vara toetab Firefox, Opera, Chrome ja Safari. Sisendseadmed tekst on tekst, mis on tagaplaanile, peaaegu nagu vastupidine reljeefne mõju. Loodan, et leiad päris kasulikud inspiratsiooni oma järgmise kavandi. Aitäh!
See tekst Shadow vara ei toeta IE. Vaata demo
Andke meile teada oma mõtteid? Kui olete leidnud muud õpetused, mida soovite meiega jagada, võite sellest meile lohistamine kommenteerida.
Näide
Step # 1 Css Struktuur
esmalt luua lihtne Css kood
* ( ; padding: 0; margin: 0; ) body ( ; background: # 222; )# konteiner ( ; margin: 0 auto; ; background: # 333333; ): # 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-shadow: - 1px 1px 1px # 4A4947; font: 36px julge Arial, Helvetica, sans-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-shadow: - 1px 1px 1px # 4A4947; font: bold 18px Arial, Helvetica, sans-serif; color: # 000; padding: 0 0 10px 0; line-height: 162. 5%;)
Samm # 2 HTML struktuur
nüüd loome lihtsate HTML-koodi
> <h2> Heading </h2> <p> Et ut ac sociis natoque montes! <div id = "container"> <h2> pealkiri </ h2> <p> Et ut ac sociis natoque Montes! Porta lundium sed, tempor ac porta, Tekitab turpis. AC, ut eros egestas, adipiscing penatibus sit lacus Mattis Tekitab, placerat. </ P> <p> Et ut ac sociis natoque Montes! Porta lundium sed, tempor ac porta, Tekitab turpis. AC, ut eros egestas, adipiscing penatibus sit lacus Mattis Tekitab, placerat. </ P> </ div>
Vaata demo
Jälgi meid sirin või tellida Developers Paradise + RSS parima veebiarendust õpetused netis.
Promote Us
Seotud artiklid:
Kui teile meeldis lugemine see artikkel, palun vaadake teisi seotud artikleid järgmiselt:
[Kasutaja Link: Kuidas luua Sisendseadmed EMPs CSS3] | Nõuanded disainerid ja arendajad | lõng ajakirja ütleb: märts 4, 2010 at 6:50 Said:
[...] Kasutaja Uudised if (typeof Meebo == 'undefined') (Meebo = function () ((Meebo._ = Meebo._ ||[]). lükkama (väiteid)); (function (q) ( var args = argumendid; if (! document.body) (return setTimeout (function () (args.callee.apply (see, 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?" Teater':")+' cim.meebo.com / CIM / cim.php? võrgustik = '+ q.network; b.insertBefore (s, b.firstChild);)) ((võrk: "tripwiremagazine_fu72bi'));) Kuidas luua Sisendseadmed EMPs CSS3 [...]
Kuidas luua Sisendseadmed EMPs CSS3 | OnlineSchoolofDesign.com ütleb: märts 4, 2010 at 11:05 Said:
[...] See läbi: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ Follow us on Twitter veelgi uuendusi! HOSTING PROMOGet erilist 35 % allahindlust tehes [...]
Erica | UPrinting ütleb: märts 5, 2010 at 5:55 Said:
Ma ei teadnud seda, sest minu teadmised CSS on ainult põhitõed. Täname, et jagada seda, siis ma kindlasti proovige seda. Ootab oma järgmise postiga!
Marek Stasikowski ütleb: märts 5, 2010 at 1:44 Said:
Vabandame, kuid ma tõesti ei meeldi mõte kahekordistada sisu kirjeldus. Seal on parem kui see, nt. JavaScript aluseks.
120 + Hiiglaslik kogumise Värske Tooted disainerid ja arendajad | lõng ajakirja ütleb: märts 5, 2010 at 10:57 Said:
[...] Kuidas luua Sisendseadmed EMPs CSS3 [...]
CSS Brigit | Kuidas luua Sisendseadmed EMPs CSS3 ütleb: märts 6, 2010 at 12:11 Said:
Kuidas luua Sisendseadmed EMPs CSS3 ...
Paljud uusi põnevaid ülesandeid ja funktsioone, mida mõtlesin jaoks CSS3. Täna me tahame luua inset katse CSS3. ...