Efeito outline
Previews
Efeito 1
css:
.bibs{width:100px;border:2px solid #eee;margin-left:200px;margin-top:300px;} .bibs:hover{outline: 1px dashed #eee; -webkit-transition-duration: .80s;opacity:0.7; outline-offset: -8px;}
Depois de body:
<img class="bibs"src="https://64.media.tumblr.com/e40750added17a00f9e6a5ffa2be1266/tumblr_mf33bsuQfP1r6z5vjo1_250.png">
Efeito 2
css:
.bibs2{width:100px;border:2px solid #eee;margin-left:2px;margin-top:300px;} .bibs2:hover{outline: 1px solid #eee; -webkit-transition-duration: .80s;opacity:0.7; outline-offset: -60px;}
Depois de body:
<img class="bibs2"src="https://64.media.tumblr.com/e40750added17a00f9e6a5ffa2be1266/tumblr_mf33bsuQfP1r6z5vjo1_250.png">
Efeito 3
css:
.bibs3{width:100px;border:2px solid #eee;margin-left:2px;margin-top:300px;} .bibs3:hover{outline: 10px solid #eee; -webkit-transition-duration: .80s;opacity:0.7; outline-offset: -10px;}
Depois de body:
<img class="bibs3"src="https://64.media.tumblr.com/e40750added17a00f9e6a5ffa2be1266/tumblr_mf33bsuQfP1r6z5vjo1_250.png">
Efeito 4
css:
.bibs4{width:100px;border:2px solid #eee;margin-left:2px;margin-top:300px;} .bibs4:hover{outline: 3px solid #eee; -webkit-transition-duration: .80s;opacity:0.7; outline-offset: -7px;}
Depois de body:
<img class="bibs4"src="https://64.media.tumblr.com/e40750added17a00f9e6a5ffa2be1266/tumblr_mf33bsuQfP1r6z5vjo1_250.png">
Se foi util de like
/Gaby
