mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
34 lines
646 B
HTML
34 lines
646 B
HTML
|
<!doctype html>
|
||
|
|
<html class="reftest-wait">
|
||
|
|
<style>
|
||
|
|
#parent.hidden {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.icon {
|
||
|
|
opacity: 0;
|
||
|
|
transition: opacity 0.5s;
|
||
|
|
}
|
||
|
|
.icon.shrink {
|
||
|
|
animation: shrink 1s;
|
||
|
|
}
|
||
|
|
@keyframes shrink {
|
||
|
|
to { transform: scale(0); }
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div id="parent">
|
||
|
|
<div class="icon">Searching</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
var icon = document.querySelector('.icon');
|
||
|
|
getComputedStyle(icon).opacity;
|
||
|
|
icon.style.opacity = 1;
|
||
|
|
icon.classList.add('shrink');
|
||
|
|
setTimeout(function() {
|
||
|
|
document.getElementById('parent').classList.add('hidden');
|
||
|
|
setTimeout(function() {
|
||
|
|
document.documentElement.removeAttribute('class');
|
||
|
|
}, 500);
|
||
|
|
}, 500);
|
||
|
|
</script>
|
||
|
|
</html>
|