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
Strumento di decodifica Base64
Genera hash di password sicuri per WordPress
Convertitore di unità di peso
Converti tra diverse unità di peso con precisione per le tue esigenze di cucina, fitness e scienza
Calcolatore di hash SHA-224
Genera hash SHA-224 in modo rapido e semplice