En yeni: Dünyanın en iyi 10 video düzenleme programı Trending: İnternetten para kazanmak, Ekgelir, En iyi Tıkla Kazan (PTC) Siteleri

Linklerinize CSS3 ile Gökkuşağı Renk Efekti

Linklerinize CSS3  ile Gökkuşağı Renk Efekti
Link, Türkçe anlam olarak İlişim ya da Bağlantı demektir. İnternet sayfalarında hypertext kullanılarak kullanıcının başka bir web sayfasına ya da uygulamaya yönlenmesini sağlayan bir bağlantıdır. Bu bağlanan web sayfaları aynı websitesi üzerinde olabileceği gibi başka bir websitesinde yani başka bir adreste de olabilir. İnternette dolaşmayı bu linkleri kullanarak yapıyoruz. Genelde sitelerde Linkler renkleri mavi ve altı çizili olarak görünür. Aşağıda vereceğim CSS3 animasyon kodları sayesinde linklerinizin üzerine gelindiğinde gökkuşağı gibi çesitli renklere dönüşecek. Tüm tarayıcılarda uyumlu, olan bu eklenti sitenize renk katacak. CSS3 Animasyon ile Hover Bağlantı Gökkuşağı Renk Efekti sitenizde büyük yer kaplamaz ve sitenize girenler üzerinde hoş bir etki yaratır.

Gökkuşağı Renk Efekti


Blogger için Hover Bağlantı Rengi Ekleme


  • Blogger panelinize giriş yapın
  • Şablon HTML'yi Düzenle
  • Ctrl+F yardımı ile ]]></b:skin> kodunu aratıp bulun.
  • Ve hemen üstüne aşağıdaki kodları kopyalayıp yapıştırın.

@keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-o-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-ms-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-moz-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
@-webkit-keyframes MEFhovergokkusagi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}}
a:hover{
animation:MEFhovergokkusagi 4s infinite; /* Standart */
-o-animation:MEFhovergokkusagi 4s infinite; /* Opera */
-ms-animation:MEFhovergokkusagi 4s infinite; /* IE */
-moz-animation:MEFhovergokkusagi 4s infinite; /* Firefox */
-webkit-animation:MEFhovergokkusagi 4s infinite; /* Safari ve Chrome */
}

  • Şablonu Kaydet diyip çıkıyoruz. Bu kadar.

Hover Metin Link Gökkuşağı Etkisi için CSS3 animasyonu kullanır:

  • CSS3 animasyonunu Tüm tarayıcılar desteklemektedir.
  • Hala eski tarayıcıları kullanıyorsanız Mozilla Firefox gibi güçlü bir tarayıcıyı hemen indirin.
  • CSS3 animasyon kodunu kullanarak daha verimli ve özlü yapılmış, bu yüzden blog yükleme çok etkilenmez hale gelir.
  • Bloggerda gökkuşağı etkisi yaratmak, çeşitli renkler oluşturmak için CSS3 kodu kullanma kolay bi yöntemdir.
  • Blogcular için Yeni efektler (ek bir etki) çeşitliliğini geliştirmek için CSS3 animasyon kodunu kullanabilirler.
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

0 yorum:

Yorum Gönder

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

 
  • Meftun Apart

    Meftun Apart Fethiye

    Apartlarımız deniz ve plaja 50 metre mesafede olup, klimalı, full eşyalı 2+1, 1+1, 4-6 kişilik ve havuzlu apartlardan oluşmaktadır.

  • Meftun Mede Blogger

    MEDE Blogger Tema Yardım

    Blogger şablonuzda, temanızda yardımamı ihtiyacınız var? Hertürlü blogger tema yardımı ücretsiz yapılır...

  • Sitemap sayfası oluşturma

    Sitemap sayfası oluşturma

    Sitemap bir web sitesinin haritasıdır.Arama motorlarının web sitelerini hızlı, daha çabuk ve tam olarak indexlemesi için oluşturulurlar.

  • hit arttırma

    Sitenizin hitini arttırın!

    Kaliteli hit arttırma sitemi ile ücretsiz hit kazanın, sitenizi Google'da yükseltin! Sitenizi ekleyin ve binlerce ziyaretçi kazanın!

  • internetten para kazan

    İnternetten para kazan !

    Boş zamanınızı internetde reklam izleyek ve bundan para kazanarak geçirebilirsiniz. Ek gelir elde edebilirsiniz!