Muy bien volviendo el tema del tuto aqui abajo les dejare la vista previa del tutorial. para que puedan ver si lo usan o pues quiza no. o decian hacerlo mas adelante no se como ustedes gusten.
Muy bien para tener este efecto en el blog lo que vamos a hacer es irnos a plantilla/ editar html
una ves echo eso presionamos CTRL + F (el + no va)n y buscamos : ]]></b:skin>
una ves que encontramos esa palabra pegamos encima de ]]></b:skin> el siguiente codigo:
.jump-isa:hover{-webkit-transform: translatey(-50%) rotate(-360deg) scale(1.3); border-radius: 50px;}.jumping-isa img{width: 50px;box-shadow:0px 0px 0px #ccc;-webkit-transition-duration: .80s;}.jumping-isa:hover img {opacity: 0.4;-webkit-transition-duration: .80s;}.jumping-isa img:hover {opacity: 1;-webkit-transition-duration: .80s;}
Luego le damos guardar y listo la parque te seria la mas dificil estaria echa, ahora nos vamos a donde quieras tener el efecto y colocas este codigo:
<div class="jumping-isa"><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a><a href="link" title="nombre"><img src="url da imagen" class="jump-isa"></a></div>
No te olvides de preguntarme cositas a mi ask!
No hay comentarios:
Publicar un comentario
- No de spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog
- Deja tu hermosa firma
Aqui algunos Emoji que puedes usar:
(ノ◕ヮ◕)ノ*:・゚✧ (=ω=;) (◕‿-) (✿ ♥‿♥) (づ。◕‿‿◕。)づ (•⊙ω⊙•)