Colocando efeito nas imagens + Explicação

Yoooo, Daijobu?

Neste post, não vou exatamente explicar como colocar efeitos nas imagens do post, porque aqui no blog já tem uma tuto assim, então, só vou ensinar como definir o tempo que o efeito leva para aperce e quanto % ele aparece.Clique em Leia Mais!

Colocando efeito nas imagens: >Aqui bombom!<

Ok, escolheu e colocou?Agora, como definir o tempo que leva para o efeito aparecer.

Em qualquer um desses códigos, sempre tem algo parecido com isso: transition: all 1s ease;}, esse 1 que tem o s ao lado, significa o tempo que leva para o efeito surgir.Mudando o 1 para 0, o efeito se torna automático ao passar o mause.Tipo, a imagem ta normal, você passa o mause e automáticamente vai aparecer o efeito.

Assim como você muda para 0, você pode mudar para 1 ou mais!Quando se coloca um número maior que 0, o efeito demora esse número x para aparecer.

Admite, não é tão difícil assim, não é?

Agora, também tem essa gracinha: {webkit-

filter:NOMEDOEFEITO(80%); esse código define o QUANTO o efeito aparece.Tipo, você coloca opacidade e muda o (80%) para (20%).Assim, o efeito só aparecer 20% dele, e não 100%.

Esse é mais difícil de compreender, então vou dar um exemplo:

Meu blog é beeeeeem clarinho, assim quero colocar um efeito claro nas imagens do post!Mas, também tem uma coisa: se eu colocar muito claro, parece que meus olhos vão sangrar!Por isso vou diminuir esse número!Em vez de 100% irei colocar 20 ou 30%.

Deu para entender? (espero que sim).

Só isso minna!

Créditos: >Meu blog< pela explicação.

Bjs, Ass:

Yurippe