Come creare un testo gradiente con Slider Revolution

01 Ott Come creare un testo gradiente con Slider Revolution

I colori a tinta unita danno il loro bel risultato, ma qualche volta le sfumature regalano degli effetti che possono amplificare il lavoro, nello specifico del web parliamo di gradienti, ed in questo articolo vedremo come creare un testo gradiente in WordPress usando Slider Revolution.

Partiamo dal presupposto che hai già il plugin di Slider Revolution e che sia già attivo e funzionante, nella slide che hai creato troverai una miriade di possibili funzioni con cui creare tutti gli effetti immaginabili, ma per cerare un testo gradiente dovremo agire in maniera leggermente differente dal solito ed aggiungere un paio di righe di codice che troverai di seguito.

I passaggi per creare il testo gradiente in Slider Revolution

• Nella barra laterale “Module General Options” clicca sul pulsante CSS/jQuery che aprirà l’editor CSS/JS.
• Nella scheda “Custom CSS”, crea una classe CSS chiamata “textgradient” ed aggiungi il seguente codice:

.textgradient {
-webkit-background-clip: text !important;
-webkit-text-fill-color: ttransparent;
}

• Seleziona il livello del testo a cui desideri appicare il gradiente.
• Clicca sulla sottosezione “Attributes” e nel campo “Classes” aggiungi textgradient, ossia il nome della classe appena creato.
• Clicca sulla sottosezione “Style” e nel pannello “Backgorund” clicca sul campione Colore sfondo.
• Nel selettore colore, passa alla scheda Sfumatura e scegli la sfumatura che preferisci.

Per vedere l’effetto del testo gradiente che hai creato, ora puoi anche cliccare su “Preview”.