Linklerin veya Fotoğrafların Üstüne Gelindiğinde Renk Değiştirme Kodu ( CSS Hover )

Arkadaşlar Merhaba.

Websitenizde veya bloğunuzda bir fotoğrafın veya bir link'in üstüne gelindiğinde renk değiştirmesi, boyut değiştirmesi gibi birçok değişiklik yapmamızı " css hover " özelliği sağlar.

Örnekle css hover'ı anlatacak olursak ;

Örneğin : bu link'in üstüne gelindiğinde renk değişsin ve yazı fontu büyüsün.
veya
Aşağıdaki fotoğrafın üstüne gelince büyüsün.

css_hover_özelliği

Yukarıda örneklerle açıkladığım css hover özelliğini, websitelerinizin veya bloglarınızın tasarımında, yazılarınızda vurgulamak veya altını çizmek istediğiniz yerlerde kullanabilirsiniz. Aşağıda verdiğim kodu kullanmak istediğiniz alana yapıştırmanız yeterli.
Fotoğraflarda veya görsellerde kullanmanız gereken kod : 
Özelliklerin yani stillerin değişikliği tamamen size kalmış.

<style> img:link, a:visited, a:active { // Üzerine gelmeden önceki özellikleri başlangıç  font-family : Comic Sans MS; font-size : 11px; color : #000000; text-decoration : none; } // Üzerine gelmeden önceki halinin özellikleri son img:hover { // Üzerine geldikten sonra halinin özellikleri başlangıç  height: 300px; text-decoration : underline; } // Üzerine geldikten sonraki halinin özellikleri son </style>

Linklerde kullanmanız gereken kod  :

<style>
a:text, a:visited, a:active { // Üzerine gelmeden önceki özellikleri başlangıç 
font-family : Comic Sans MS;
font-size : 11px;
color : #000000;
text-decoration : none;
} // Üzerine gelmeden önceki halinin özellikleri son
a:hover {  // Üzerine geldikten sonra halinin özellikleri başlangıç
font-family : Comic Sans MS;
font-size : 20px;
color : #26c6da;
text-decoration : underline;
} // Üzerine geldikten sonraki halinin özellikleri son
</style>

Konu ile ilgili görüş ve önerilerinizi yorum bölümünden iletebilirsiniz.