Web前端特效实例和知识 - CSS3特效 - CSS3特效实例
纯CSS3进度条渐变加载特效
何问起 hovertree.com
https://hovertree.com/front/css3/4/
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>纯CSS3进度条渐变加载特效 - 何问起</title>
<link rel="stylesheet" href="https://hovertree.com/front/css3/4/htstyel.css">
</head>
<body>
<header><h2>纯CSS3进度条渐变加载特效</h2></header>
<h1>
<span>L</span>
<span>O</span>
<span>A</span>
<span>D</span>
<span>I</span>
<span>N</span>
<span>G</span>
<span>.</span>
<span>.</span>
<span>.</span>
</h1>
<div class="progress-bar"></div>
<footer>
何问起 © hovertree.com <a href="https://hovertree.com/">首页</a> <a href="https://hovertree.com/texiao/">特效</a> <a href="https://hovertree.com/h/bjag/ebsuy4ug.htm">说明</a>
</footer>
</body>
</html>
收藏
列表
评论：
- CSS3特效
- HTML特效
- HTML特效实例
微信公众号：