Kako to Stvoriti Kamini Tekst CSS3
Mnoge uzbudljive nove funkcije i značajke su mislili za CSS3. Danas smo idući u izraditi umetak test sa CSS3. Ta imovina će podržati Firefox, Opera, Chrome i Safari. Kamini za ugradnju tekst tekst koji je gurnuo u pozadini, gotovo kao obrnuti reljefni efekt. Nadam se da ćete naći vrlo korisne inspiraciju za vaš sljedeći dizajn projekt. Hvala!
Ovaj Sjena nekretnina Tekst nije podržan od strane IE. Prikaži Demo
Javite nam vaše misli? Ako ste pronašli bilo koje druge tutoriali koje želite podijeliti s nama, slobodno nam javite ako stavite u komentar.
Primjer
Korak # 1 Struktura Css
Prvo smo stvoriti kod Simple Css
* ( ; padding: 0; margin: 0; ) tijela ( ; background: # 222; )# Kontejner ( ; 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; tekst-shadow: - 1px 1px 1px # 4A4947, font: 36px Arial bold, Helvetica, sans-serif; margin: 0 0 0 0; padding: 10px 0 0 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; boja: # 000; padding: 10px 0 0 0; line-height: 162;. 5%)
Korak # 2 HTML struktura
sada smo stvoriti jednostavan HTML koda
> <h2> Heading </h2> <p> Et ut ac sociis natoque montes! <Div id = "kontejner"> <h2> naslov </ h2> <p> Et ut AC sociis natoque Montes! Porta lundium sed, tempor ac Porta, porođajni turpis. Ac, UT eros egestas, adipiscing penatibus sjediti lacus Mattis porođajni, placerat. </ P> <p> Et ut AC sociis natoque Montes! Porta lundium sed, tempor ac Porta, porođajni turpis. Ac, UT eros egestas, adipiscing penatibus sjediti lacus Mattis porođajni, placerat. </ P> </ div>
Prikaži Demo
Pratite nas na Twitter , ili se pretplatiti na Developers Raja + RSS za najbolji web razvoj tutoriali na webu.
Promovirajte nas
Vezani članci:
Ako ste uživali čitajući ovaj članak, molimo vas da provjerite drugih srodnih proizvoda u nastavku:
[Korisnik Link: Kako stvoriti Kamini Tekst CSS3] | Savjeti za dizajnere i programere | poteznom žicom magazin kaže on: 4 ožujak 2010 u 18:50 Said:
[...] Korisnik Vijesti if (typeof Meebo == 'undefined') (Meebo = funkcija () ((Meebo._ = Meebo._ ||[]). push (argumente)); (funkcija (q) ( var args = argumente; if (! document.body) (return setTimeout (funkcija () (args.callee.apply (ovo, args)), 100);) var d = dokument, 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 sceni-':")+' cim.meebo.com / CIM / cim.php mreža = '+ q.network; b.insertBefore (e, b.firstChild);)) ((mreže:' tripwiremagazine_fu72bi '));) Kako to Stvoriti Kamini Tekst CSS3 [...]
Kako to Stvoriti Kamini Tekst CSS3 | OnlineSchoolofDesign.com kaže on: 4. ožujak 2010 u 11:05 Said:
to [...] out: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ Pratite nas na Twitter za još 35 ažuriranja! HOSTING PROMOGet posebnim % popusta čineći ga [...]
Erica | UPrinting kaže on: 5 ožujka 2010 u 05:55 Said:
Nikad nisam znao o tome, jer moje znanje o CSS su samo osnove. Hvala za šerif ovaj, ja ću sigurno probati ovaj neki. Obličje naprijed za tvoj sljedeći post!
Marek Stasikowski kaže on: 5 ožujka 2010 u 13:44 Said:
Žao nam je, ali ja stvarno ne sviđa ideja o udvostručenje sadržaja u markup. Tu je bolje od ovoga, npr.. JavaScript temelji.
120 + veliku zbirku Svježe članaka za dizajnere i programere | poteznom žicom magazin piše na: 5. ožujka 2010 u 10:57 Said:
[...] Kako to Stvoriti Kamini Tekst CSS3 [...]
Brigit CSS | Kako to Stvoriti Kamini Tekst CSS3 kaže na: 6. ožujka 2010 u 12:11 Said:
Kako to Stvoriti Kamini Tekst CSS3 ...
Mnoge uzbudljive nove funkcije i značajke su mislili za CSS3. Danas smo idući u izraditi umetak test sa CSS3. ...