2020-03-16 14:28:25 +07:00
|
|
|
<html style="margin:0 0 0 0;padding:0 0 0 0;overflow:hidden;">
|
2021-08-30 14:59:10 +07:00
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<script>
|
|
|
|
|
document.onreadystatechange=(e) => {
|
|
|
|
|
// use set timeout, otherwise css animation not triggering
|
|
|
|
|
setTimeout(() => document.body.classList.add('sharp'),450);
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
transition: all 1.5s ease-in;
|
|
|
|
|
filter:blur(30px);
|
|
|
|
|
}
|
|
|
|
|
body.sharp{
|
|
|
|
|
filter: blur(0);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body style="margin:0;padding:0;overflow:hidden;width:900px;height:900px;">
|
|
|
|
|
<div
|
|
|
|
|
style="position:absolute; width:900px; height: 500px; top: 200px; margin:0;padding:0; background:radial-gradient(rgba(0,0,0,.35), transparent 40%);filter:blur(50px);"
|
|
|
|
|
></div>
|
|
|
|
|
<img style="position:absolute; margin:0;padding:0;width:900px;height:900px" src="./splash.png" />
|
|
|
|
|
</body>
|
|
|
|
|
|
2020-03-14 22:26:51 +07:00
|
|
|
</html>
|
