HTML
<p><img class="css3_fadeimg" src="https://lh4.googleusercontent.com/-7bHKcxu7Hgg/VOYc9TkpIgI/AAAAAAABcyk/28etO63tJiI/w205-h300-no/1-205x300%2B%281%29.gif" alt="Fade Image" /></p>
CSS
@-webkit-keyframes fade {
0% {
opacity: 1.0;
}
100% {
opacity: 0.5;
}
}
.css3_fadeimg:hover {
-webkit-animation-name: fade;
-webkit-animation-duration: 1s;
}
/https%3A%2F%2Flh3.googleusercontent.com%2F-drj07eUI7IQ%2FWfshPpdTtLI%2FAAAAAAADOm4%2FTd99GxjOCOENdzzPzZLDN5FnnBj4D7NSgCJoC%2Fw320-h240-rw%2F17.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-6eSJcfFteoM%2FWfsidlbFYVI%2FAAAAAAADOrE%2Fj2oNYgt8VzE4jsWh8vwdiBuDNlFKZlGMwCJoC%2Fw292-h468-rw%2F20a.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-Z71wS6lOmNE%2FWfyAV46cGSI%2FAAAAAAADOxM%2FzuCej6ophBAa0HTDh4C7GzB-lh0h0fYTQCJoC%2Fw356-h555-rw%2F2.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-GgWdAE3rGjI%2FWfyQTJujPRI%2FAAAAAAADO0w%2FJPSejYaMeFcu9oHRK1G1NLPYVRp9w30eACJoC%2Fw360-h540-rw%2F1.gif)