rotate-animation-with-will-change-transform-001.html (1153B)
1 <!DOCTYPE html> 2 <title>CSS Test (Transforms): Transform and perspective with w negative</title> 3 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 4 <link rel="author" title="Google" href="http://www.google.com/"> 5 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=696374"> 6 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#individual-transforms"> 7 <link rel="match" href="rotate-animation-with-will-change-transform-001-ref.html"> 8 9 <!-- 10 11 This is a simplified version of one case within the Blink web test 12 virtual/threaded-no-composited-antialiasing/animations/composited-animations-rotate-zero-degrees.html 13 but with will-change: transform added, so that it fails with the bug 14 that is introduced in the intermediate state of fixing 15 https://bugs.chromium.org/p/chromium/issues/detail?id=696374 16 17 --> 18 19 <style> 20 21 @keyframes a { 22 from { rotate: 0 1 0 44deg; } 23 to { rotate: 0 1 0 44deg; } 24 } 25 26 div { 27 width: 100px; 28 height: 100px; 29 animation: a linear 10s infinite; 30 /* rotate: 0 1 0 44deg; */ 31 background: fuchsia; 32 transform-origin: 100px 0; 33 will-change: transform; 34 } 35 36 </style> 37 38 <div></div>