Botón “Me gusta” de corazón en Twitter con CSS y jQuery

twitter-like

Para el que no se haya dado cuenta, Twitter hace cosa de un mes cambió su botón de favorito. Ahora este botón es de me gusta y tiene forma de corazón. Ahora este botón al pulsarlo tiene un efecto bastante llamativo. En esta entrada voy a explicar como implementarlo utilizando CSS3 y jQuery.

Código HTML

Imagen de fondo para el corazón

Pincha en la imagen para verla más grande.

web_heart_animation

Código CSS

Animación CSS

Código JavaScript

Espero que os haya servido y sobre todo gustado. Si deseas bajar todo el código completo haz click aquí.

Una respuesta en “Botón “Me gusta” de corazón en Twitter con CSS y jQuery

Deja un comentario

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