10 Plugins gratuitos para añadir animaciones o efectos en WordPress

Los mejores plugins gratuitos para añadir animaciones o efectos en WordPress.

Está claro que una página web vistosa llama más la atención que una estática. Por eso, añadir efectos o animaciones web como desplazamiento suave, transiciones de página o animaciones CSS pueden ayudar bastante a que tu sitio web sea mucho más agradable. A continuación, te muestro 10 plugins gratuitos de WordPress que te permiten agregar.

Animate It!

Animate it!

Añadir animaciones CSS3 o animación en texto css a tu página web es muy fácil con Animate it! El plugin usa las bibliotecas animate.css y animo.js ofreciéndonos más de 50 animaciones. Las animaciones se pueden aplicar a interacciones del usuario como desplazamiento o clic.

Algunas de las características clave incluyen:

  • Permitir al usuario aplicar animaciones CSS3 en publicaciones, widgets y páginas.
  • Más de 50 animaciones de buscador de entrada, salida y atención.
  • Capacidad para aplicar animación en Scroll.
  • Capacidad para agregar diferentes desplazamientos de desplazamiento en bloques de animación individuales.
  • Capacidad para aplicar animación en Click.
  • Capacidad para aplicar animación en Hover.
  • Proporciona la función de retraso en la animación para crear una buena secuencia de animación.
  • Proporciona una función para controlar la duración de una animación más precisa.
  • Proporcionar un botón en el editor para agregar fácilmente un bloque de animación en el artículo o publicación.
  • Permitir al usuario agregar animación en widgets de WordPress. Use el generador de clases para generar las clases de animación requeridas.
  • Permitir al usuario aplicar la animación infinitamente o cualquier cantidad fija de veces.
  • Opción para agregar clases CSS personalizadas al bloque de animación individual.
  • Opciones para habilitar o deshabilitar animaciones en teléfonos inteligentes y tabletas.
  • Soporte en español y alemán. Gracias a Santiago Marrone, Christian Herrmann

Todas las animaciones CSS3 son de Animate.css y Animo.js

 

Page Animations and Transitions

Este plugin ofrece nuevos y vistosos efectos de transición de página, pudiendo variar el tiempo de variación.

Page Animations And Transitions

CSS3 Transitions

Añade transiciones CSS3 a elementos tanto en el front-end como en el back-end. Las transiciones se agregan a cualquier ,
Es una opción interesante para aquellos que quieren una solución muy rápida y eficaz.Añade animaciones a cualquier texto de tu página web con Easy Textillate. El plugin incluye las bibliotecas textillate.js, animate.css y lettering.js para proporcionar todo tipo de efectos.

CSS3 Transitions

Ultimate Hover Effects

Utiliza Ultimate Hover Effects para añadir animaciones a los subtítulos de las imágenes. Selecciona una imagen de tu librería de imágenes de wordpress y configure los efectos de desplazamiento que deseas utilizar.

Ultimate Hover Effects

Page scroll to id

Añade efectos de desplazamiento suave a la navegación en la página utilizando elementos de ID de CSS. Puedes configurar la duración de la secuencia de desplazamiento y suavizar, hay más de 30 tipos para elegir. Soporta desplazamiento vertical y horizontal, pudiendo configurar desplazamientos para enlaces individuales.

Page scroll to id

CSS3 Rotating Words

CSS3 Rotating Words es un plugin práctico con una función simple, rotar una palabra o grupo de palabras en una oración usando una animación. Puedes elegir entre cinco estilos de animación y también establecer el color y el tamaño de la fuente.

Page scroll to id

 WP Progress Bar

Con WP Progress Bar podrás añadir barras de progreso animadas a tus páginas y publicaciones de WordPress. Las barras se agregan mediante [shortcode]. Permite modificar el texto, los colores, el porcentaje de llenado de la barra y el ancho.

WP Progress Bar

Page Loading Effects

Page Loading Effects te permite elegir que animación muestra tu página web mientras se carga el contenido. Una vez que se haya completado la carga, la animación desaparecerá automáticamente. Puedes personalizar los colores en la configuración del plugin.

Page Loading Effects

SVG Logo and Text Effects

Si usted está buscando para agregar un toque de frescura a su texto sin recurrir a usar imágenes, este es tu plugin. Cuenta con muchas opciones, incluido tipografías de Google Fonts. El texto que se genera es totalmente editable y no perjudica de cara al SEO.

SVG Logo and Text Effects

Haz de tu página web un sitio único, diferente

La mezcla adecuada de efectos o animaciones pueden aportar diversión y utilidad a tu sitio web. Por supuesto, hay que saber elegir lo mejor para cada caso. Una buena regla es mantener siempre los mejores intereses de los usuarios en mente. Si una característica aumenta la funcionalidad y hace que tu sitio sea más agradable de usar, entonces podría valer la pena.

¿Te animas a darle un toque original y vistoso a tu página web?