Tutorial-Efeito hover em imagens

Oi meus chuchus,genki??

Bom hoje eu vim com um pedido da minha nee-chan a Sukone-chan,como colocar efeito hover em imagens,demoro uma década para mim achar como se fazia mas eu consegui depois de vários experimentos,a maioria deu super errado  imagem girava,invertia de lado,era muito esquisito mas eu consegui o certo,é bem fácil ,para saber como funciona o tutorial clica em ler mais *3*

A Sukone-chan como eu não sabia que tipo de hover você iria querer eu fiz oque a imagem fica com opacidade

Bom comece procurando por:

]]></b:skin>

Acima do código encontrado,cole:

img:hover {

filter:opacity;

opacity: .20;

-webkit-transition-duration:1.30s;}

}

Vamos entender o código?Oque esta em vermelho é a quantidade de opacidade que você quer;

E aonde esta em verde,mude para o tempo da transição da imagem normal para a hover.

Bom Sukone-chan espero que goste ^^

Bye bye

Logo logo eu trago a do menu