CSS3 Overgang Generator
Vloeiende overgang van dekking
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
Creëer perfecte Flexbox-lay-outs
Visualiseer, pas aan en genereer CSS-flexboxcode met onze intuïtieve interface voor slepen en neerzetten.
Stylus naar CSS Converter
Transformeer uw SCSS-code in CSS. Snel, gemakkelijk en veilig.
SCSS naar CSS Converter
Transformeer uw SCSS-code in CSS. Snel, gemakkelijk en veilig.
Aangepaste disclaimers maken
Genereer uitgebreide disclaimers die zijn afgestemd op uw website, app of service.
Huidige Converter
Zet elektrische stroom met precisie en gemak om tussen verschillende eenheden
Kansrekening
Bereken kansen voor verschillende scenario's met onze uitgebreide kansrekening.