前端各种交互效果——loading 加载效果

最新推荐文章于 2024-07-19 20:55:59 发布

Muliminty

最新推荐文章于 2024-07-19 20:55:59 发布

阅读量1.3k

点赞数 1

分类专栏：好看的特效学习笔记

本文链接：https://blog.youkuaiyun.com/qq_44503730/article/details/112440980

版权

效果1

在这里插入图片描述

源码展示

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        :root {
    
            --loading-grey: #ededed;
        }

        body {
    
            background-color: #f6f6f6;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px;
            display: flex;
            justify-content: space-evenly;