HTML5+CSS3小实例:旋转彩色loading加载动画

实例:旋转彩色loading加载动画

技术栈:HTML+CSS

效果:

源码:

【HTML】

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>旋转彩色loading加载动画</title>
    <link rel="stylesheet" href="213.css" />
  </head>
  <body>
    <div class="loader"></div>
  </body>
</html>

【CSS】

*{
  /* 初始化 */
  margin: 0;
  padding: 0;
}
body {
  /* 100%窗口宽高 */
  min-height: 100vh;
 

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-24 15:48:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-24 15:48:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-24 15:48:04       82 阅读
  4. Python语言-面向对象

    2024-01-24 15:48:04       91 阅读

热门阅读

  1. K8S的HPA

    K8S的HPA

    2024-01-24 15:48:04      51 阅读
  2. 设计模式-享元模式

    2024-01-24 15:48:04       58 阅读
  3. AI存在信任问题,区块链能提供帮助吗?

    2024-01-24 15:48:04       50 阅读
  4. spring和springboot的区别

    2024-01-24 15:48:04       63 阅读
  5. Spring Boot Banner 教程:自定义启动画面的艺术

    2024-01-24 15:48:04       64 阅读
  6. 23种设计模式概述

    2024-01-24 15:48:04       56 阅读
  7. 阿里云PTS如何使用?

    2024-01-24 15:48:04       72 阅读
  8. 矩阵上运算

    2024-01-24 15:48:04       54 阅读
  9. vue3.0规范学习记录

    2024-01-24 15:48:04       52 阅读
  10. FPGA 时钟资源

    2024-01-24 15:48:04       55 阅读
  11. MySQL 随机查询10条数据

    2024-01-24 15:48:04       54 阅读
  12. element-ui 打包流程源码解析——babel 相关

    2024-01-24 15:48:04       64 阅读
  13. Ubuntu 18.04 dns掉配置的问题解决

    2024-01-24 15:48:04       61 阅读