rotations (of multiples of 2pi) moduled to (0 to) 2pi.

Confirmed Issue #8126445 • Assigned to Matt A.

Details

Author
Lars H.
Created
Jul 9, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
13.10586
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Update (5/18/2017):

Although the given webpage is definitely rendering the animations incorrectly, the additional repro steps are not valid; Edge renders it correctly.

However, I have reduced the issue as follows:

Explicitly-2d rendering is handled correctly, see: https://jsfiddle.net/djgqa9yz/

However, when specifying a 3D rotation (e.g. rotate3D(0, 0 , 1, 1260deg) which is still technically a 2d rotation, but handled as a 3D rotation), the problem is present.

See: https://jsfiddle.net/jfujkcxh/14/

This is due to Rotate3D interpolated vie only Euler angles, and never interpolated as Axis-Angle when possible.

Original description:

view http://uani.de/id.html

or any

transition: transform 2s;
transform: rotate(720deg);

to transform: rotate(0);
it’s no transition at all! Instead of 2 full circles.

Attachments

0 attachments

    Comments and activity

    • Mentioned page suffers also from issue #7973952 and issue #8126434

    • Microsoft Edge Team

      Changed Assigned To to “Rick J.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Rick J.” to “Matt A.”

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Steps to Reproduce

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

    Sign in