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
Abbellitore CSS
Formatta e abbellisci il tuo codice CSS con precisione professionale
Convertitore da stilo a CSS
Trasforma il tuo codice SCSS in CSS. Veloce, facile e sicuro.
Convertitore da SCSS a CSS
Trasforma il tuo codice SCSS in CSS. Veloce, facile e sicuro.
Convertitore da parola a numero
Converti i numeri scritti nei loro equivalenti numerici in più lingue
Calcolatore dell'età
Calcola la tua età esatta in anni, mesi e giorni con il nostro calcolatore di età preciso.
Converti il testo in slug SEO-friendly
Trasforma qualsiasi testo in uno slug compatibile con gli URL, perfetto per URL, nomi di file e altro ancora.