CSS image hover effects Flashing

CSS image hover effects flash ini, membuat efek seperti flash, berkedip saat di sorot kursor,

ini contoh css & htmlnya.

<style type="text/css">
.hover13:hover img {
 opacity: 1;
 -webkit-animation: flash 1.5s;
 animation: flash 1.5s;
}
@-webkit-keyframes flash {
 0% {
  opacity: .4;
 }
 100% {
  opacity: 1;
 }
}
@keyframes flash {
 0% {
  opacity: .4;
 }
 100% {
  opacity: 1;
 }
}
</style>

<div class="hover13 img">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigrWqauLgdYYBT-HDZ4UTHDxpmf6Yypm44uXm5cKorvk1SjgopMZr-j49HikDwNAEPkwVD8OHe5XTrA7UGCG-qvrcrniKxaq_f_jVrCx1c9b4SytHHbKHDjhJfzXEsrn-dMyPZhE3Edkuz/s320/b0d5b07584448fc325bbefbceabf22cb.jpg" />
</div>

DEMO:

Selamat mencoba.