12 divertidos efectos de botón para compartir

Todo el mundo ama el atractivo visual y las animaciones fluidas CSS3. Es por eso que hoy compartimos nuestro último experimento con usted:una colección de efectos para revelar los botones para compartir. ¡Puedes usarlos en tu portafolio, galerías de imágenes y más!

Cómo se hacen

La mayoría de las diferentes transformaciones y efectos en las demostraciones se realizan exclusivamente a través de CSS, por lo que deberían aparecer sin errores ni demoras (si está ejecutando un navegador moderno). Estos son algunos de los componentes clave que hicieron posible estos efectos:

  • Transición:la propiedad de transición establece una duración de tiempo en la que las propiedades CSS pueden transformar sus valores gradualmente haciendo que los objetos HTML se animen sin problemas. Asegúrese de verificar qué hacen sus propiedades descendientes (como "retraso" y "función de tiempo") y cómo usarlas para su ventaja.
  • Transformar:esto le permite mover, rotar, escalar y básicamente hacer cualquier cosa con las dimensiones y la posición de sus elementos HTML. Sus poderes no se limitan solo a un plano 2D, sino que también funcionan en 3D.
  • Filtro:otra característica nueva de CSS3 que permite a los desarrolladores aplicar efectos fotográficos en las imágenes, convirtiéndolas en blanco y negro, borrosas, saturadas, etc. Tenga en cuenta que esta propiedad aún requiere el prefijo "-webkit-" y no funciona en Firefox.

Para una de las demostraciones, también usamos un complemento jQuery divertido llamado jRumble. Pruébalo, ¡es increíble!

Esperamos que disfrute de nuestras colecciones de efectos. Echa un vistazo a todas las demostraciones y cuéntanos cuál es tu favorita. Como siempre, si tiene alguna sugerencia, pregunta o simplemente quiere compartir con nosotros cosas similares, deje un comentario a continuación.