正在加载中

最新推荐文章于 2022-07-11 11:17:30 发布

松鼠陛下

最新推荐文章于 2022-07-11 11:17:30 发布

阅读量387

点赞数

分类专栏：前台 CSS

本文链接：https://blog.csdn.net/songshuguowang/article/details/103984777

版权

前台同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

CSS

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>正在加载中...</title> 
<style>
dot {
    display: inline-block; 
    height: 1em;
    line-height: 1;
    text-align: left;
    vertical-align: -.25em;
    overflow: hidden;
}
dot::before {
    display: block;
    content: '...\A..\A.';
    white-space: pre-wrap;
    animation: dot 3s infinite step-start both;
}
@keyframes dot {
    33% { transform: translateY(-2em); }
    66% { transform: translateY(-1em); }
}

</style>
</head>

<body>
正在加载中<dot>...</dot>


</body>
</html>