Con il plugin Red Eyes Froggy Buttons puoi facilmente aggiungere effetti al passaggio del mouse css3 ai tuoi pulsanti, link ecc. It\'s up to you to set which elements will be affected by the 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, input of type "submit" and input of type "button"
-
applicare effetti a ogni pulsante, collegamento, input of type "submit" and input of type "button" ad eccezione del pulsante e dei collegamenti nei menu
-
applicare effetti ai pulsanti, link, inputs of type "submit" and inputs of type "button" but not to he nornmal links
-
applicare effetti ai pulsanti, link, inputs of type "submit" and inputs of type "button" but not to he nornmal links 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, don\'t hesitate to cantact me: I\'ll be happy to help you!