Codigo De Efectos de imagenes♥

:::Efecto Black::: 

Pasos: /plantilla/html antes de ]]></b:skin> y pega este codigo:

img{ -webkit-transition: all .7s linear; -moz-transition: all .7s linear; transition: all .7s linear; } img:hover{ -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -webkit-filter: brightness(15%); z-index: -100px; }

:::Efecto Reflejo:::

pasos: /plantilla/html antes de ]]></b:skin> y pega este codigo:

img{ padding:4px; -webkit-box-reflect: below 0px -webkit-gradient (linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))) -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } img:hover{ opacity: 1;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); }

:::Efecto Imagen Line::: 

Pasos: /plantilla/html antes de ]]></b:skin> y pega este codigo:

img{ background:transparent: box-shadow:inset 0 0px 0px #FCDFFF; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; padding:5px; border:1px solid #FE2E64; } img:hover{ box-shadow:inset 260px 0px 1px #FE2E64, inset -260px 0px 1px #F9B7FF;}