Generate CSS transitions with timing functions
Transition Properties
Custom Cubic Bezier
Preview (Hover to animate)
Hover State Changes
CSS
.element {
transition: all 0.3s ease 0s;
}
.element:hover {
transform: scale(1.1) rotate(0deg);
opacity: 1;
background-color: #3b82f6;
}Quick Presets