Ads

Blogger tarafından desteklenmektedir.
Merhabalar , Blogumuz yeni açıldı , Her gün eklenen yeni eklentilerle buradayız , Bizi takip etmeye devam ediniz.

Arkaya Doğru Renklenen Css Yazı Efekti

Leave a Comment


Blogger bloglarımızda ccs ile bir çok özelliştirme yapabiliyoruz , bu yazımızda blog yayınlarınızda kullanabileceğiniz arkaya doğru renklenen yazı efektinin nasıl yapılacağını anlatacağız.Bu sayede blogunuzda öne çıkarmak istediğiniz kelime yada cümlelerinizi okuyucularınıza daha belirgin ve hoş bir görüntü ile sergileyebileceksiniz.


eklentiyi ön izleme



Blogunuzda ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki kodları yapıştırın.

renkbody { font-size: 200px; font-family: Arial, sans-serif; font-weight: bold; margin: 0; min-width: 570px; } f { font-family: Arial, sans-serif; font-weight: bold; margin: 0; min-width: 570px; } text-align: center; padding-top: 60px; margin: 0; } renk { color: #fff; font-size: 200px; margin-left: 60px; } renk:first-child { margin-left: 0; text-shadow: 5px -5px#7FDBFF, 10px -10px #39CCCC, 15px -15px #3D9970, 20px -20px #2ECC40, 25px -25px #01FF70, 30px -30px #FFDC00, 35px -35px #FF851B, 40px -40px #FF4136, 45px -45px #F012BE, 50px -50px #B10DC9; } renk:nth-child(2){ text-shadow: 0px -5px#7FDBFF, 0px -10px #39CCCC, 0px -15px #3D9970, 0px -20px #2ECC40, 0px -25px #01FF70, 0px -30px #FFDC00, 0px -35px #FF851B, 0px -40px #FF4136, 0px -45px #F012BE, 0px -50px #B10DC9;} renk:last-of-type{ text-shadow: -5px -5px#7FDBFF, -10px -10px #39CCCC, -15px -15px #3D9970, -20px -20px #2ECC40, -25px -25px #01FF70, -30px -30px #FFDC00, -35px -35px #FF851B, -40px -40px #FF4136, -45px -45px #F012BE, -50px -50px #B10DC9;}

Şablonunuzu kaydedin. Bundan sonra blogunuzda yazı yazarken bu efekti kullanmak isterseniz aşağıdaki örnek gibi yazmanız gerekmektedir.

Örnek

Mesela CSS yazmak istiyoruz , o halde harfleri allttaki gibi <renk></renk> etiketi içine alıyoruz

<f><renk>C</renk><renk>S</renk><renk>S</renk></f>







Next PostSonraki Kayıt Previous PostÖnceki Kayıt Ana Sayfa

0 yorum:

Yorum Gönder

Blogger Templates By Templatezy & Copy Blogger Themes. Distributed By Protemplateslab