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.
Minimizzatore CSS
Comprimi e ottimizza il tuo codice CSS con precisione professionale
Convertitore da stilo a CSS
Trasforma il tuo codice SCSS in CSS. Veloce, facile e sicuro.
Convertitore di illuminamento
Converti con precisione l'illuminamento tra diverse unità
Calcolatore di hash CRC-16
Genera checksum CRC-16 in modo rapido e semplice
Generatore di hash MD4
Genera hash MD4 in modo rapido e semplice