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
CSS-minifier
Comprimeer en optimaliseer uw CSS-code met professionele precisie
SHA-512/224 Hasj-calculator
Genereer snel en eenvoudig SHA-512/224 hashes
Vertrouwen interval rekenmachine
Bereken betrouwbaarheidsintervallen voor uw monstergegevens met precisie en gemak.