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
CSS3 Overgang Generator
Vloeiende overgang van dekking
CSS-minifier
Comprimeer en optimaliseer uw CSS-code met professionele precisie
Online tekst schaduw CSS-generator
Creëer verbluffende teksteffecten met verloop voor uw website
Gemiddelde rekenmachine
Bereken snel het gemiddelde (rekenkundig gemiddelde) van een reeks getallen met onze gebruiksvriendelijke tool.
CSS naar SCSS Converter
Transformeer uw CSS-code in SCSS met variabelen, nesten en meer. Snel, gemakkelijk en veilig.
JSON-viewer
Bekijk Big JSON met gemak - Razendsnel en soepel