diff options
| author | Fuwn <[email protected]> | 2023-09-13 18:01:11 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-09-13 18:01:11 -0700 |
| commit | dcaa41c378bfa6c6988c994ec493176c5371eff7 (patch) | |
| tree | 68d956f49c5e2fb264f5a1668e1f83e7fec35675 | |
| parent | feat(html): add one pace (diff) | |
| download | startpage-dcaa41c378bfa6c6988c994ec493176c5371eff7.tar.xz startpage-dcaa41c378bfa6c6988c994ec493176c5371eff7.zip | |
feat(html): load fade
| -rw-r--r-- | css/index.css | 2 | ||||
| -rw-r--r-- | index.html | 6 |
2 files changed, 7 insertions, 1 deletions
diff --git a/css/index.css b/css/index.css index 2c72ef7..833b404 100644 --- a/css/index.css +++ b/css/index.css @@ -10,6 +10,8 @@ body { padding: 0; margin: 0; font-size: 1vw; + opacity: 0; + transition: 0.5s; } .wrapper { @@ -14,7 +14,11 @@ <body> <div class="wrapper"> <div class="waifu"> - <a href="#" id="waifu-link"><img id="waifu" /></a> + <a href="#" id="waifu-link" + ><img + onload="document.getElementsByTagName('body')[0].style.opacity = 1" + id="waifu" + /></a> </div> <div class="content"> |