.resim3{ background:#FFF; filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */ -webkit-transition: all .3s ease; /* Transition for Webkit browsers */ transition:all 500ms; height:auto; } .resim3:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); }