.ease-custom {
animation: ease-custom 3000ms linear;
}
@keyframes ease-custom {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}
.ease-custom {
animation: ease-custom 3000ms linear;
}
@keyframes ease-custom {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}
This is an online css code generator that lets you create easings for animations that can't be done with a cubic-bezier.
Use the new linear() easing function or the widely supported keyframes at-rule.
This tool is not optimized for small screens. Open it on a larger screen to use it properly.