Tuto:Efecto Zoom Image

Hola Mis Dulces Hoy Les Traigo Un Tuto Muy Bueno es un efecto de imagen bueno les aviso que ya estoy por terminar el nuevo diseño ayer lo empece (o//o) / que floja xD bueno pero ya esta casi listoo ! bueno es de Candy Candy ya que este es de ashita no nadja .. bueno eso vamos al tuto xD


Primero Prueba Aqui

Si Les Gusta Vamos Al Tuto :

Plantilla Blogger :

Plantilla >> Edicion Html >> F3 >> Buscas >> </b:skin>

Plantilla Blogskins :

Plantilla >> F3 >> Buscas >> </style>


Y PEGAN :

/*------ Efeito para Afiliados IIII - Efeito Zoom (Chinnix) ------*/.zoom {-webkit-transition-duration: .105s;-webkit-filter: opacity(0.5);}.zoom:hover {outline-offset: -4px;outline: 1px solid #f8f5f9;-webkit-transition:All 2s ease;-webkit-transition-duration: .45s;-moz-transition: All 2s ease;-o-transition: All 2s ease;-webkit-filter: none;}/*------ Efeito para Afiliados IIII - Efeito Zoom (Chinnix) ------*/

E D I T E M O S

1px solid #f8f5f9;  >> Solid Y El Color Ejemplo #85466; 

Plantilla Blogger : 

Diseño >> Añad Un Gadget >> HTML Javascript 

Plantilla Blogskins :

Entrada >> HTML 


Y PEGAN :

<a href="LINK DE BLOG" title="NOMBRE DE AMIGA"><img class="zoom" src="LINK DE IMAGEN" /></a>
<a href="LINK DE BLOG title="NOMBRE DE AMIGA"><img class="zoom" src="LINK DE IMAGEN" /></a>
<a href="LINK DE BLOG" title="NOMBRE DE AMIGA"><img class="zoom" src="LINK DE IMAGEN" /></a>
<a href="LINK DE BLOG" title="NOMBRE DE AMIGA"><img class="zoom" src="LINK DE IMAGEN" /></a>


E D I T E M O S

"LINK DE BLOG"  U  URL DE EL BLOG 

"NOMBRE DE AMIGA"  NOMBRE DE TU AMIGA 

"LINK DE IMAGEN"     URL DE IMAGEN 


SI QUIEREN AGREGAR MÁS AGREGAN  

<a href="LINK DE BLOG" title="NOMBRE DE AMIGA"><img class="zoom" src="LINK DE IMAGEN" /></a>

ESPERO QUE LES HAYA GUSTADO EL TUTO NO OLVIDEN COMENTAR 

NO PLAGIAR EL TUTO ...