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.

Categorías: Trucos Blogger

0 comentarios

Deja una respuesta

Marcador de posición del avatar

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