CSS3 Transition met cubic-bezier

Datum: 09-04-2016

css,transition,cubic-bezier

CSS3 Transitions zijn voor bewegende onderdelen, een crossfade overgang of een mouseover-effect. Met een bouncing-effect kan dit mooie effecten op leveren. Naast de standaard curves (ease, linear, ease-in, ease-out, ease-in-out) is er met de de cubic-bezier curve meer controle over het verloop van de transitie. Om het tijdsverloop van de transitie makkelijk te kunnen bepalen heb ik hiervoor een online tool gemaakt om een bezier curve eenvoudig aan te maken en te testen.