Kaip sukurti Intarpas Tekstas svarbus css3
Daug įdomių naujų funkcijų ir savybės yra sugalvoti už css3. Šiandien mes ketiname sukurti intarpas bandymas su css3. Kad turtas bus remti Firefox, Opera Chrome "ir" Safari ". Intarpas tekstai yra tekstas, kuris buvo stumiamas į foną, beveik kaip atvirkštinis įspaudų poveikis. Tikiuosi, kad rasite gana naudingos įkvėpimo kito dizaino projektą. Ačiū!
Šis tekstas Shadow turtas nepalaikomas IE. Prezentacijos
Mums savo mintis? Jei radote kitų tutorials, kad jūs norite pasidalinti su mumis, nedvejodami susisiekite su mumis metimo į komentarą.
Pavyzdys
Žingsnis # 1 CSS struktūra
pirma sukursime paprastą CSS kodas
* ( ; padding: 0; margin: 0; ) body ( ; background: # 222; )# konteineris ( ; 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%;)
Žingsnis # 2 HTML Struktūra
Dabar mes sukurti paprastas HTML kodą
> <div id = "container"> <h2> antraštė </ h2> <p> Et ut AC sociis natoque Montes! Porta lundium sed, tempor porta ac, Gimdymo turpis. Ac, egestas ut eros, penatibus struktūra adipiscing lacus mattis Gimdymo, placerat. </ p> <p> Et ut AC sociis natoque Montes! Porta lundium sed, tempor porta ac, Gimdymo turpis. Ac, egestas ut eros, penatibus struktūra adipiscing lacus mattis Gimdymo, placerat. </ p> </ div>
Žiūrėti demo
Sekite mūsų Twitter, arba užsiprenumeruoti Programavimas Rojaus + RSS geriausių interneto svetainių kūrimas Pamokos internete.
Reklamuokite mus
Susiję straipsniai:
Jei jums patiko skaityti šį straipsnį, apsilankykite kitų panašių dirbinių žemiau:
[Vartotojo Sąsaja: Kaip sukurti Intarpas Tekstas svarbus css3] | Patarimai dizaineriams ir programuotojams | tripwire žurnalas sako apie: kovas 4, 2010 at 6:50 Said:
[...] Vartotojas Naujienos if (typeof Meebo == 'undefined') (Meebo = function () ((Meebo._ = Meebo._ ||[]). push (argumentai)); (function (q) ( var args = argumentus; if (! document.body) (return setTimeout (function () (args.callee.apply (this, 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? 'ai':")+'://'+( q.stage? "etapą':")+' cim.meebo.com / CIM / cim.php? tinkle = '+ q.network; b.insertBefore (-ai, b.firstChild);)) ((tinklas: "tripwiremagazine_fu72bi'));) Kaip sukurti Intarpas Tekstas svarbus css3 [...]
Kaip sukurti Intarpas Tekstas svarbus css3 | OnlineSchoolofDesign.com sako apie: kovas 4, 2010 at 11:05 Said:
[...] It out: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ Sekite mūsų Twitter net daugiau atnaujinimų! Priegloba PROMOGet speciali 35 % nuolaidą todėl [...]
Erica | UPrinting sako apie: 5 kovas 2010 at 5:55 Said:
Aš niekada nežinojo apie tai, nes mano žiniomis apie css yra tik pagrindai. Dėkojame už tai, aš tikrai išbandyti šį vieną. Laukiu jūsų Kitas paštu!
Marek Stasikowski sako apie: 5 kovas 2010 at 1:44 Said:
Atsiprašome, bet man tikrai nepatinka padvigubinti ir žymėjimo turinio idėja. Yra geriau nei tai, pvz. JavaScript pagrįstas.
120 + Didžiulė kolekcija Fresh straipsniai projektuotojams ir kūrėjams | tripwire žurnalas sako apie: 5 kovas 2010 at 10:57 Said:
[...] Kaip sukurti Intarpas Tekstas svarbus css3 [...]
CSS Brigit | Kaip sukurti Intarpas Tekstas svarbus css3 sako apie: kovas 6, 2010 at 12:11 Said:
Kaip sukurti Intarpas Tekstas svarbus css3 ...
Daug įdomių naujų funkcijų ir savybės yra sugalvoti už css3. Šiandien mes ketiname sukurti intarpas bandymas su css3. ...