sexta-feira, 15 de julho de 2016

Efeitos Hover para Imagem Blogger

Tags



Hoje vamos trazer um bom tutorial de bungfrangki para aqueles que precisam fazer um efeito hover em imagem no blogger isso além de ser atraente deia seu Blogger mais bonito para os visitantes trazendo um efeito animado ao passar o mouse sobre a imagem o melhor é que foi desenvolvido em CSS o que faz mais leve o template  para instalar isso siga os passos abaixo.


Adicionando Efeito Hover Imagem Blogger


Aqui estão exemplos CSS que podem ser usados 

#efek-gambar a img:hover { -webkit-filter:none; /*Returns to default*/; }
#efek-gambar a img.brightness:hover { -webkit-filter:brightness(0); }
.blur { -webkit-filter:blur(3px); }
.contrast { -webkit-filter:contrast(160%); }
.grayscale { -webkit-filter:grayscale(100%); }
.huerotate { -webkit-filter:hue-rotate(180deg); }
.invert { -webkit-filter:invert(100%); }
.opacity { -webkit-filter:opacity(50%); }
.saturate { -webkit-filter:saturate(3); }
.sepia { -webkit-filter:sepia(100%); }
.brightness { -webkit-filter:brightness(0.25); }


Aqui esta o Div para ser adicionado. onde deseja a aplicação:

<div id = "efeitos-imagens">
<Img class = "blur" src = "aqui link sua imagem" />
</ Div>

Blogger
Disqus
Escolha o Sistem de Comentario

Nenhum comentário