Mil Trucos Blogger

Efecto de rotación en las imágenes de Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Blogger es de las mejores herramientas que hay para la creación de blogs, sin embargo es bastante limitado pero se puede personalizar de forma muy fácil, como es el caso de hoy en el que con un pequeño trozo de código CSS se agrega al blog un genial efecto de rotación en las imágenes al pasar el cursor por encima de ellas, además de terminar en un genial efecto de figura redonda.

Efecto de rotación en las imágenes de Blogger

Efecto-Rotacion-Imagenes-Blogger

Vista Previa del Truco

Para agregar este truco a tu blog solo debes ir al Diseñador de Plantillas, Opciones avanzadas, Añadir CSS y allí colocas el siguiente código:

.post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px}
 .post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

 

Ahora da clic en Aplicar al blog y listo.

Como ves, es un truco sencillo pero muy bonito que le dará a tu blog un aspecto genial.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *




Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo