手写的loading动画效果

最新推荐文章于 2022-10-11 10:10:15 发布

『减减』

最新推荐文章于 2022-10-11 10:10:15 发布

阅读量303

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/m0_57454052/article/details/124449615

版权

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<style type="text/css">
  #loader {
     
    margin: 100px;
  }

  .dot {
     
    height: 20px;
    width: 20px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
  }

  #dot1 {
     
    background: #ea4335;
    animation-name: dotloader;
    animation-duration: 1s;
    animation-delay: 0.1s;
    animation-iteration-count: infinite;
  }

  #dot2 {
     
    background: #34a853;
    animation-name: dotloader;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;

最低0.47元/天解锁文章

『减减』

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
手写的loading动画效果

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/styles.css" /></head><style type="text/css"> #loader { margin: 100p
复制链接

扫一扫