Populaire voorinstellingen
Vervagend effect
Vloeiende overgang van dekking
Schaaleffect
Formaat van element wijzigen bij aanwijzen
Effect roteren
Element roteren bij zweven
Dia-effect
Positie van het element verplaatsen
Kleur verandering
Achtergrond kleurovergang
Over overgangen
Met CSS-overgangen kunt u eigenschapswaarden soepel wijzigen, gedurende een bepaalde duur.
Veelgebruikte geanimeerde eigenschappen zijn:
- breedte, hoogte
- marge, opvulling
- Opaciteit, kleur
- transform (scale, rotate, translate)
- background-color
Pro-tip: gebruik de optie 'Alle eigenschappen' om alle wijzigingen te animeren.
Preview
Gegenereerde code
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Overgangsregelaars
Effecten aanwijzen
Related Tools
CSS3 Overgang Generator
Vloeiende overgang van dekking
Minder naar CSS Converter
Transformeer uw Less-code in CSS. Snel, gemakkelijk en veilig.
Sass naar CSS Converter
Transformeer uw Sass-code in CSS. Snel, gemakkelijk en veilig.
Genereer met gemak CSS3-transformaties
Een krachtige, intuïtieve tool voor het maken van complexe CSS3-transformaties zonder code te schrijven. Visualiseer wijzigingen in real-time en kopieer de gegenereerde CSS om in uw projecten te gebruiken.
Decimaal tot octaal
Converteer decimale getallen moeiteloos naar octaal
Afbeelding naar Base64 Converter
Converteer afbeeldingen naar Base64-codering voor webontwikkeling en gegevensinbedding