Con il plugin Red Eyes Froggy Buttons puoi facilmente aggiungere effetti al passaggio del mouse css3 ai tuoi pulsanti, link ecc. Spetta a te impostare quali elementi saranno interessati dal plugin.
La pagina Impostazioni è divisa in due sezioni principali.
Il parte generale
Nel parte generale della pagina Impostazioni puoi scegliere se
- applicare effetti a ogni pulsante, collegamento, Ingresso di tipo “invia” e l'input di tipo “pulsante”
- applicare effetti a ogni pulsante, collegamento, Ingresso di tipo “invia” e l'input di tipo “pulsante” ad eccezione del pulsante e dei collegamenti nei menu
- applicare effetti ai pulsanti, link, Ingressi di tipo “invia” e gli ingressi di tipo “pulsante” ma non a lui collegamenti nornmal
- applicare effetti ai pulsanti, link, Ingressi di tipo “invia” e gli ingressi di tipo “pulsante” ma non a lui collegamenti nornmal tranne il pulsante nei menu
- applicare effetti solo a una classe specifica
Inoltre puoi anche escludere una o più classi
In alternativa, puoi semplicemente usare codice corto e inserisci il tuo pulsante dove vuoi. Puoi persino inserire codici brevi diversi con effetti diversi nella stessa pagina. L'unico limite è il tuo gusto.
Il Sezione effetti
Nel Sezione effetti della pagina Impostazioni è possibile
- scegliere l'effetto tra cui applicare 25 effetti disponibili
- impostare il colore di base (un secondo colore verrà calcolato automaticamente per garantire il miglior contrasto possibile tra sfondo e testo)
- impostare la larghezza del pulsante
- impostare l'altezza del pulsante
- impostare la larghezza del bordo
- impostare il raggio del bordo
- impostare la durata dell'animazione
- se richiesto dall'effetto, saranno disponibili altri controlli per impostare le ombre
La sezione Crediti
C'è anche una terza sezione, il Sezione crediti, dove puoi trovare i collegamenti al codice CSS originale, generalmente ospitato in CodePen.
Il premio versione del plug-in
Red Ryes Froggy Button Premium è ancora in fase di sviluppo e sarà presto rilasciato.
Nel versione premium
- 26 più effetti saranno disponibili
- potrai scegliere di utilizzare la modalità colore automatico e lasciare che il plug-in faccia il lavoro sporco o scegliere il controllo del colore completo e impostarlo manualmente:
- colore di sfondo
- colore di sfondo al passaggio del mouse
- colore del testo
- colore del testo al passaggio del mouse
- colore del bordo
- colore del bordo al passaggio del mouse
- colore delle ombre, se richiesto dall'effetto
Per qualsiasi domanda, non esitare a cantarmi: Sarò felice di aiutarti!