animating rotation to full turn using `rotate3d()` doesn't work #EdgeBug

Duplicate Issue #8524143 • See Issue #8126445

Details

Created
Aug 17, 2016
Privacy
This issue is public.
Duplicates
See progress on Bug #8126445
Reports
Reported by 3 people

Sign in to watch or report this issue.

Steps to reproduce

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

    • rotate3d(0, 0, 1, 1turn) should be equivalent to rotate(1turn).

      So if this works and makes an element rotate by one full turn

      @keyframes r {
        to { transform: rotate(1turn) }
      }
      

      … then this should do exactly the same thing:

      @keyframes r {
        to { transform: rotate3d(0, 0, 1, 1turn) }
      }
      

      But nothing happens in this case. However, if the initial transform value isn’t equivalent to transform: none, then the rotation happens. For example, this works:

      @keyframes r {
        from { transform: rotate3d(0, 0, 1, .25turn) }
        to { transform: rotate3d(0, 0, 1, 1turn) }
      }
      
    • Microsoft Edge Team

      Changed Assigned To from “Christian F.” to “Matt R.”

      Changed Status to “Duplicate”

    • This bug has marked as duplicate. Please follow the parent issue to get new updates.

    You need to sign in to your Microsoft account to add a comment.

    Sign in