appearance-transition-002.html (534B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>compute the kind of widget: transition origin without author origin style before the transition</title> 4 <link rel="match" href="appearance-transition-002-ref.html"> 5 <style> 6 input { 7 transition: background-color 1e10s steps(2, start); 8 } 9 10 .bg200 { 11 background-color: rgb(0, 200, 0); 12 } 13 </style> 14 <input value="text" id=input> 15 <script> 16 document.documentElement.offsetTop; 17 input.classList.toggle('bg200'); 18 </script> 19 <p>PASS if the input field has a light green background</p>