El bloque de texto animado elegante GutenKit toma texto estático y lo transforma con animaciones llamativas, creando una experiencia de usuario dinámica y atractiva.

Aprendamos cómo funciona el bloque.

GutenKit Texto animado elegante #

Vaya a GutenKit desde su panel de control -> Ir a bloques -> Encuentra texto animado elegante -> Enciéndelo

Buscar el bloque #

Abre cualquier página/publicación donde quieras agregar textos llamativos.

Busque GutenKit Fancy Animated Text, arrastre o haga clic en el bloque y agréguelo al editorial.

El bloque se ve así. También puedes usar una plantilla de texto animado GutenKit Fancy de la biblioteca.

Personalización de la parte de contenido #

En la parte de contenido, editarás la sección Texto animado elegante.

Estilo de animación (texto) #

Si tu eliges Estilo de texto, podrás adaptarte -

• Seleccionar estilo: Seleccionar Deslizar hacia arriba o efecto de color, mira las diferencias a continuación 👇

• Animación Retraso (Ms): Este es el número de milisegundos que se deben esperar antes de que comience la animación. Puede cambiarlo según sus preferencias.
• Texto del prefijo: Aquí puedes cambiar la palabra del prefijo. En la imagen, la palabra es "Bring".
• Texto antes del texto elegante: Puede agregar, editar y eliminar el texto antes del texto elegante.

Estilo de animación (SVG) #

Si tu eliges Estilo SVG, podrás adaptarte -

• Tipo SVG: Aquí los tipos son Nubes, Rizado, Zigzag, Forma X, Ondas, etc.
• Animación Retraso (S): Establezca cuánto tiempo esperar antes de que comience la animación (en segundos).
• Animación Duración (S): Puedes controlar el tiempo que tarda la animación en completar un ciclo en segundos.
• Bucle: Elija si la animación se repite continuamente.
• Texto del prefijo: Aquí puedes cambiar la palabra del prefijo. En la imagen, la palabra es "Bring".
• Texto resaltado: Hacer que un texto específico se destaque dentro de la animación.

Esta parte es común para cada tipo de texto y SVG:

• Texto del sufijo: Estos son los textos que aparecen después del contenido principal del bloque.
• Título Etiqueta HTML: Aquí puedes elegir la etiqueta HTML para el título principal.
• Enlace: Establezca una URL en la que se pueda hacer clic si es necesario.

Estilo de edición #

• Texto del encabezado: Le permite cambiar la alineación, la tipografía, el color, el color al pasar el mouse y la sombra del texto.
• Listas de texto elegantes: Aquí puede ajustar la tipografía, el color, el tipo de fondo, el relleno, etc. para el texto importante.

Resultado final #

Este es un ejemplo personalizado 👇