Efeito Invert

1- Cole esse código no CSS:

.border1 {background:#fff; 
padding:1px; 
border:5px solid #eee;
margin:1px; 
-webkit-transition-duration: .99s; 
-moz-transition-duration: .99s;}

.border1:hover {filter: invert(100%);
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%);;
border:5px solid #fff;}

2- Cole esse código onde quer que apareça:

<img src=”LINK DA IMAGEM AQUI” width=”60” align=”left” class=”border1”>

Não esqueça de substituir as aspas.