no-stacking-context-offset-distance-animation-with-offset-path-none.html (421B)
1 <!DOCTYPE html> 2 <title> 3 offset-distance animation doesn't create a stacking context if 4 offset-path is none 5 </title> 6 <style> 7 span { 8 height: 100px; 9 width: 100px; 10 position: fixed; 11 background: green; 12 top: 50px; 13 } 14 @keyframes distance { 15 from, to { offset-distance: 0% } 16 } 17 #test { 18 width: 100px; height: 100px; 19 background: blue; 20 animation: distance 100s infinite; 21 } 22 </style> 23 <span></span> 24 <div id="test"></div>