Skip to content

Spin CW vs CCW #76

@adipurdila

Description

@adipurdila

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions