Easing Functions Visualizer

Select Easing

Preview

Easing Curve

CSS Code

.element {
  transition: transform 1000ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

.element:hover {
  transform: translateX(100px);
}x);
}