link-transition-before.html (595B)
1 <!DOCTYPE HTML> 2 <html class="reftest-wait"> 3 <style type="text/css"> 4 a { 5 border-bottom: 1px solid transparent; 6 transition: all 2s linear; 7 } 8 a.start { 9 border-bottom: 1px solid #000000; 10 } 11 /* Can be anything, just need to ensure pseudos cascade */ 12 :before { 13 color: blue; 14 } 15 </style> 16 <a href="http://www.example.com/">example</a> 17 <script> 18 let a0 = document.querySelectorAll("a")[0]; 19 a0.classList.add("start"); 20 setTimeout(() => { 21 a0.classList.remove("start"); 22 setTimeout(() => { 23 a0.classList.add("start"); 24 document.documentElement.removeAttribute("class"); 25 }, 0); 26 }, 0); 27 </script>