Software Development: On Hover Fade-in Fade-out using css3

Thursday, 7 August 2014

index.html
<body>
<div style="text-align:center">

<img src="images/rituraj.png" alt="" width="200" height="200">

</body>

Style.css

img {

height: 200px;

width: 200px;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-o-transition: all 1s ease;

-ms-transition: all 1s ease;

transition: all 1s ease;

}

img:hover {

width: 220px;

height: 220px;

}