HTML和 CSS学习---（14）

最新推荐文章于 2023-02-01 20:01:28 发布

有态度的我

最新推荐文章于 2023-02-01 20:01:28 发布

阅读量165

点赞数

分类专栏：网页设计文章标签： css css3 html html5 javascript

本文链接：https://blog.csdn.net/weixin_42919657/article/details/104036206

版权

本文介绍了如何使用HTML和CSS3创建一个覆盖全屏的预加载器，包括窗帘效果和中心加载器的实现。通过Youtuber在线教程资源，学习了CSS3的transition和animation特性，并探讨了JavaScript中window.load与document.ready的区别。

摘要由CSDN通过智能技术生成

HTML和 CSS学习---（14）

- 内容介绍
- 代码
- - - html文件
    - css文件
- 成果

内容介绍

![Alt]
(https://yt3.ggpht.com/a/AGF-l7_JOPbXWp3QXZDuk7CCOzxdwpRg8MFJliMx5A=s900-c-k-c0xffffffff-no-rj-mo0）
这个学习资源来自于一个youtuber开的频道，名字叫做online tutorial（https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/featured）, 从第一次无意间系统推送给我他的频道的时候我就被他发的一些自创css style深深吸引，也借以这个平台来和大家分享一下一些很有用的学习资源。

代码

html文件

<body>
    <div class="preloader">
        <div class="loader"></div>
    </div>
    <body>
    <div class="preloader">
        <div class="loader"></div>
    </div>
    <iframe width="560"