Add CSS Hover Effect to images in blogger

How to add CSS hover effect to images in blogger

Images bring life to content but do they really attract your visitors? Adding a nice CSS hover effect to your images could bring engagement benefits to your blog. Recently one of our users asked us that how to add CSS hover effect to images in blogger? There are many CSS hover effect available that could be applied with ease to your blogger site. Today, in this article we will show you how to add CSS hover effect to images in blogger.

CSS Hover Menu

Πως να δημιουργήσετε μόνο με τη χρήση CSS,ένα όμορφο Hover Menu

ΠΑΡΑΔΕΙΓΜΑ :

JavaScript Kit Free JavaScripts JavaScript Reference Coding Forums Dynamic Drive

ΤΟ CSS :

<style type="text/css">
#coolmenu{
border: 1px solid black;
width: 170px;
background-color: #E6E6E6;
}
#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}
html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}
#coolmenu a:hover{
background-color: black;
color: white;
}
</style>
<div id="coolmenu">
<a href="http://www.javascriptkit.com/">JavaScript Kit</a>
<a href="http://www.javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
<a href="http://www.codingforums.com/">Coding Forums</a>
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
</div>

Εισάγετε τον κώδικα , όπου εσείς θέλετε να εμφανιστεί το  CSS hover menu και είστε έτοιμοι !!!!
Ελπίζω να σας φάνηκε χρήσιμο !!!!!

 http://bloggertrics.blogspot.gr/2009/10/css-hover-menu.html