sexta-feira, 15 de julho de 2016

Efeitos Hover para Imagem Blogger



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>
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner