Tutorial: Efeito nas imagens variadas

     

Olá! como tão?? quase não consegui postar denovo kkkkk a preguiça tá me amaldiçoando!!! tá me possuindo!! vamos com o assunto da postagem??? hoje vou ensinar efeito nas imagens variadas de todos os tipos??? le'ts go!

Preview

Efeito sépia

Vá em modelo e em editar html e pesquise por: ]]></b:skin> e cole:

.efeitosepia { -webkit-filter: none; -webkit-transition:all 1s ease; } .efeitosepia:hover { -webkit-filter: sepia(1); -webkit-transition:all 1s ease; }

E depois vá em HTML/JAVASCRIPT e cole:

.efeitosepia { -webkit-filter: none; -webkit-transition:all 1s ease; } .efeitosepia:hover { -webkit-filter: sepia(1); -webkit-transition:all 1s ease; }

Faça o mesmo aí o código mas mude o nome ali do efeito exemplo: efeitocontrast e também pesquise por: ]]></b:skin>

Efeito invert

.efeitoinvert { -webkit-filter: none; -webkit-transition:all 1s ease; }

.efeitoinvert { -webkit-filter: none; -webkit-transition:all 1s ease; } .efeitoinvert:hover { -webkit-filter: invert(1); -webkit-transition:all 1s ease; }