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.
Strumento online per generatore di colonne CSS
Creare e visualizzare funzioni di interpolazione CSS personalizzate
Minimizzatore CSS
Comprimi e ottimizza il tuo codice CSS con precisione professionale
Convertitore da Sass a CSS
Trasforma il tuo codice Sass in CSS. Veloce, facile e sicuro.
SHA3-512 Calcolatore di hash
Genera hash SHA3-512 in modo rapido e semplice
Converti CSV in JSON senza sforzo
Trasforma i tuoi dati CSV in formato JSON strutturato con un solo clic. Veloce, sicuro e completamente basato su browser.