CSS3动画优化首屏加载白屏

最新推荐文章于 2024-06-04 00:09:25 发布

。Idea

最新推荐文章于 2024-06-04 00:09:25 发布

阅读量142

点赞数

文章标签： css3 css 动画

本文链接：https://blog.csdn.net/weixin_46672437/article/details/130345800

版权

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="./src/assets/css/loader.css">
</head>
<script>
  window.removeLoader = () => {
    let loader= document.getElementById("loader-wrapper");
    loader&&loader.remove();
  }
</script>

<body>
  <div id="root"></div>
  <!-- 白屏加载动画 -->
  <div id="loader-wrapper">
    <div id="loader"></div>
    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>