motion-ui icon indicating copy to clipboard operation
motion-ui copied to clipboard

Spin CW vs CCW

Open adipurdila opened this issue 9 years ago • 1 comments

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); } }

adipurdila avatar Mar 23 '16 17:03 adipurdila

I am experiencing the same issue.

ghost avatar Aug 30 '16 17:08 ghost