Generatore di transizioni CSS3
Transizione di opacità uniforme
Preset popolari
Effetto dissolvenza
Transizione di opacità uniforme
Effetto scala
Ridimensiona l'elemento al passaggio del mouse
Effetto di rotazione
Ruota l'elemento al passaggio del mouse
Effetto scivolata
Sposta la posizione dell'elemento
Cambio colore
Transizione del colore di sfondo
Informazioni sulle transizioni
Le transizioni CSS consentono di modificare i valori delle proprietà in modo fluido, per un determinato periodo di tempo.
Le proprietà animate più comuni includono:
- larghezza, altezza
- margine, spaziatura interna
- di opacità, di colore
- transform (scale, rotate, translate)
- background-color
Suggerimento: utilizza l'opzione "Tutte le proprietà" per animare tutte le modifiche.
Preview
Codice generato
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Controlli di transizione
Effetti al passaggio del mouse
Related Tools
Meno in CSS Converter
Trasforma il tuo codice Less in CSS. Veloce, facile e sicuro.
Generatore di transizioni CSS3
Transizione di opacità uniforme
Minimizzatore CSS
Comprimi e ottimizza il tuo codice CSS con precisione professionale
Da RGB a HEX
Converti i colori RGB in valori esadecimali per il web design
Strumento di codifica Base64
Codifica il testo in formato Base64 con facilità direttamente nel tuo browser.
Decodificatore da Base64 a JSON
Converti istantaneamente le stringhe codificate Base64 in JSON formattato. Funziona localmente nel browser senza caricare dati.