Nasıl Metin oluşturma gömme CSS3 ile
Pek çok heyecan verici yeni işlevler ve özellikler CSS3 için düşündüğünde edilmektedir. Bugün CSS3 ile ilave test oluşturmak için gidiyor. Bu özellik Firefox, Opera, Chrome ve Safari destekleyecektir. ters kabartmalı etkisi neredeyse gibi arka plana itti olmuştur gömme metin olma metni. O, size bir sonraki tasarım projesi için oldukça yararlı ilham bulmak umuyoruz. Teşekkürler!
Bu Metin Shadow özelliği. IE ile değil desteklenen Profili Demo
Bize düşüncelerinizi bildirin? Eğer bizimle paylaşmak istediğiniz diğer dosyaları, bize yorum bırakarak bildirmekten çekinmeyin bulsaydın.
Örnek
Adım # 1 Css Yapısı
İlk biz Basit css kod oluşturmak
* ( ; padding: 0; margin: 0; ) body ( ; background: # 222; )# Konteyner ( ; margin: 0 auto; ; background: # 333333; )h2 ( ; color: # 000; #4A4947 ; text-shadow: - 1px 1px 1px # 4A4947; Arial, Helvetica, sans-serif ; font: 36px kalın 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;)
Adım # 2 Html Yapısı
şimdi Basit Html kod oluşturmanız
> <Div > id = "kapsayıcı" <h2> > </ h2 Başlık <p> Et ut ac sociis natoque Montes! Porta lundium, sed tempor ac porta, doğuran turpis. Ac, ut eros egestas, adipiscing penatibus doğuran, placerat lacus mattis otur. </ P> <p> Et ut ac sociis natoque Montes! Porta lundium, sed tempor ac porta, doğuran turpis. Ac, ut eros egestas, adipiscing penatibus doğuran, placerat lacus mattis otur. </ P> </ Div>
Profili Demo
bizi izleyin Twitter veya abone Geliştiriciler Paradise + RSS Feed web web geliştirme eğitimlerini en iyi için.
Bize Reklam Verin
İlgili Makaleler:
Diğer ilgili makaleler aşağıda göz atın lütfen bu makale, okuma zevk eğer:
[Kullanıcı Link: Nasıl Metin oluşturma gömme dergi ile CSS3] | tripwire İpuçları için Tasarımcılar ve Geliştiriciler | diyor: March 4 2010 6:50 pm Dedi ki:
[...] Kullanıcı Haberler if (typeof Meebo == 'undefined') (Meebo = function () ((Meebo._ = Meebo._ ||[]). push (argümanlar)); (function (q) ( var args = argümanları; if (! document.body) (return setTimeout (function () (args.callee.apply (bu, args)), 100);) var d = belge, b = d.body, m = b . insertBefore (d.createElement ('div'), b.firstChild); s = d.createElement ('script'); = 'meebo' m.id; m.style.display = 'none'; m.innerHTML = "; s.src = 'http' + (q.https? '':")+'://'+( q.stage?' sahne':")+' cim.meebo.com / cim s / cim.php? ağ = '+ q.network; b.insertBefore (s, b.firstChild);)) ((ağı:' tripwiremagazine_fu72bi '));) nasıl oluşturma gömme Metin CSS3 [...] ile
Nasıl Metin oluşturma gömme OnlineSchoolofDesign.com ile CSS3 | diyor: March 4 2010 11:05 pm Dedi ki:
dışarı [...] o: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ güncellemeleri daha bizi izleyin bile heyecan için! HOSTING PROMOGet özel 35 % indirim yapım o [...]
Erica | UPrinting diyor: Mart 5:55 5, 2010 am Dedi ki:
Bu konuda, css hakkında bilgim beri hiç tanımadım sadece temelleri vardır. Bu paylaşım için teşekkürler, ben bu bir deneyin. sizi bir sonraki yazı için arıyorsunuz!
Marek Stasikowski diyor: Mart 5 2010 1:44 pm Dedi ki:
Üzgünüz, ama gerçekten biçimlendirme içeriğin iki katına fikrini sevmiyorum. Bu daha iyi, örneğin's. JavaScript tabanlı.
Geliştiriciler | tripwire dergi ve 120 + Tasarımcılar iri toplama Taze Makaleler diyor: Mart 5 2010 10:57 pm Dedi ki:
[...] Nasıl oluşturulur gömme Metin CSS3 [...] ile
CSS Brigit | Nasıl Metin oluşturma gömme CSS3 ile diyor: 6 Mart 2010 12:11 am Dedi ki:
Nasıl Metin oluşturma gömme ile CSS3 ...
Pek çok heyecan verici yeni işlevler ve özellikler CSS3 için düşündüğünde edilmektedir. Bugün CSS3 ile ilave test oluşturmak için gidiyor. ...