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