transition-to-none-crash-001.html (664B)
1 <!doctype html> 2 <style> 3 div { 4 transition: --my-property steps(2, start) 100s; 5 } 6 </style> 7 <div id=div></div> 8 <script> 9 let style1 = document.createElement("style"); 10 style1.textContent = ` 11 @property --my-property { 12 syntax: "<angle>"; 13 inherits: false; 14 initial-value: -90deg; 15 } 16 `; 17 18 let style2 = document.createElement("style"); 19 style2.textContent = "div { --my-property: 90deg; }"; 20 21 document.body.append(style1); 22 getComputedStyle(div).getPropertyValue("--my-property"); 23 document.body.append(style2); 24 getComputedStyle(div).getPropertyValue("--my-property"); 25 style1.remove(); 26 style2.remove(); 27 </script>