Il blocco di testo animato GutenKit prende il testo statico e lo trasforma con animazioni accattivanti, creando un'esperienza utente dinamica e coinvolgente.
Impariamo come funziona il blocco.
GutenKit Testo animato di fantasia #
Vai a GutenKit dalla tua dashboard -> Vai ai blocchi -> Trova testo animato fantasioso -> Accendilo

Cerca nel blocco #
Apri una pagina o un post in cui vuoi aggiungere testi particolari.
Cerca il testo animato fantasioso GutenKit, trascina o clicca sul blocco e aggiungilo all'editoriale.

Il blocco si presenta così. Puoi anche usare un modello di testo animato GutenKit Fancy dalla libreria.

Personalizzazione della parte Contenuto #
Nella parte relativa al contenuto, modificherai la sezione Testo animato elaborato.
Stile di animazione (testo) #
Se scegli Stile del testo, potrai adattarti -
- Seleziona stile: Selezionare Effetto scorrimento verso l'alto o colore, vedi le differenze qui sotto 👇

- Animazione Ritardo (Ms): Questo è il numero di millisecondi da attendere prima che l'animazione inizi. Puoi modificarlo in base alle tue preferenze.
- Testo prefisso: Qui puoi cambiare la parola prefisso. Nell'immagine, la parola è 'Bring'.
- Testo prima del testo elaborato: È possibile aggiungere, modificare e rimuovere il testo prima del testo elaborato.

Stile di animazione (SVG) #
Se scegli Stile SVG, potrai adattarti -
- Tipo SVG: Qui i tipi sono Nuvole, Ricci, Zigzag, Forma X, Onde, ecc.
- Animazione Ritardo (S): Imposta il tempo di attesa prima che inizi l'animazione (in secondi).
- Animazione Durata (S): È possibile controllare il tempo impiegato dall'animazione per completare un ciclo in secondi.
- Ciclo continuo: Scegli se l'animazione si ripete continuamente.
- Testo prefisso: Qui puoi cambiare la parola prefisso. Nell'immagine, la parola è 'Bring'.
- Testo evidenziato: Rendi il testo specifico centrale nell'animazione.

Questa parte è comune per ogni tipo di testo e SVG –
- Testo suffisso: Si tratta dei testi che seguono il contenuto principale del blocco.
- Tag HTML del titolo: Qui puoi scegliere il tag HTML per il titolo principale.
- Collegamento: Se necessario, imposta un URL cliccabile.

Stile di modifica #
- Testo dell'intestazione: Consente di modificare l'allineamento, la tipografia, il colore, il colore del passaggio del mouse e l'ombra del testo.
- Elenchi di testo fantasioso: Qui puoi regolare la tipografia, il colore, il tipo di sfondo, la spaziatura, ecc. per il testo importante.

Risultato finale #
Questo è un esempio personalizzato 👇
