Hover Image Changes

by wesleyterry

HTML

<div class="tricky"><img class="tricky_image" src="http://distilleryimage11.instagram.com/65c8f832841711e180d51231380fcd7e_7.jpg"></div>

CSS

.tricky {
    display:inline-block;
    max-width:200px; 
    max-height:200px;
    background:red;
}

.tricky_image {
    max-width:200px; 
    max-height:200px;
    -moz-transition: all 1s; 
    -webkit-transition: all 1s;  
    -ms-transition: all 1s;  
    -o-transition: all 1s;  
    transition: all 1s; 
    opacity:1;
    filter:alpha(opacity=100);
}

.tricky_image:hover {
    opacity:0.2;
    filter:alpha(opacity=20);
}