1164813-1.html (646B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <style> 4 #parent.hidden { 5 display: none; 6 } 7 .icon { 8 opacity: 0; 9 transition: opacity 0.5s; 10 } 11 .icon.shrink { 12 animation: shrink 1s; 13 } 14 @keyframes shrink { 15 to { transform: scale(0); } 16 } 17 </style> 18 <div id="parent"> 19 <div class="icon">Searching</div> 20 </div> 21 <script> 22 var icon = document.querySelector('.icon'); 23 getComputedStyle(icon).opacity; 24 icon.style.opacity = 1; 25 icon.classList.add('shrink'); 26 setTimeout(function() { 27 document.getElementById('parent').classList.add('hidden'); 28 setTimeout(function() { 29 document.documentElement.removeAttribute('class'); 30 }, 500); 31 }, 500); 32 </script> 33 </html>