Animando los enlaces en el blog con CSS3

Hoy hablaremos un poco sobre la propiedad Transitions de CSS3 la cual nos será de mucha ayuda para darle buenos efectos ya se a nuestros enlaces, imágenes o contenedores, o cualquier cosa que se nos ocurra.

No voy a profundizar explicando esta propiedad de CSS3 ya que les dejare el enlace hacia W3Schools donde podrán encontrar detalladamente más propiedades y usos sobre Transitions.

Ahora para aplicarlo a blogger iremos a nuestra plantilla [Plantilla] -> Editar HTML. Buscamos ]]></b:skin> y justo antes pegamos el código CSS3.

Transitions CSS3

Bien, el código anterior es aplicable a cualquier sitio que use CSS y pueden aplicarlo a sus plantillas para usarlo solo falta agregarle a nuestros enlaces una clase como se puede ver en la siguiente imagen.

Enlace con clase

Ahora si lo quieres aplicar a un bloque o un DIV puedes usar el siguiente código y ajustarlo a sus necesidades.

Artículos Recientes

StrandHogg la nueva vulnerabilidad en Android

StrandHogg es la nueva vulnerabilidad en los teléfonos con Android, no importa si tienes la ultima actualización o el móvil más caro.

Spotify deja compartir canciones en historias de Facebook

La plataforma para escuchar música en streaming ha anunciado que ya puedes compartir tu música con tus amigos de Facebook directamente a...

Google Fotos permite buscar textos dentro de imágenes

Para Google tener a muchos usuarios usando sus apps es genial, Google Fotos ahora puede buscar texto en las Fotos que se...

GeneratePress Premium todo sobre este maravilloso tema WordPress

Índice de temasQue es GeneratePress y por que deberías elegirlo¿Por que debería pagar por GeneratePress Premium?GeneratePress para...

WhatsApp agrego bloqueo con huella dactilar a Android

WhatsApp agrego bloqueo con huella dactilar a Android, ya esta disponible en Play Store desde la versión beta de WhatsApp. Aunque desde...

Entradas relacionadas

Leave A Reply

Please enter your comment!
Please enter your name here

Suscríbete a las noticias