motion-ui
motion-ui copied to clipboard
Spin CW vs CCW
The spin keyframe function seems to generate the same keyframe, no matter what direction I choose for the animation.
So these:
@include mui-animation(spin(ccw));
@include mui-animation(spin(cw));
results in this:
.spin-cw {
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
transform: rotate(-1turn); }
100% {
transform: rotate(0); } }
.spin-ccw {
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
transform: rotate(0); }
100% {
transform: rotate(1turn); } }
Wouldn't a CCW rotation be like this?
@keyframes spin-ccw-1turn {
0% {
transform: rotate(0); }
100% {
transform: rotate(-1turn); } }
I am experiencing the same issue.