1.项目介绍
使用html+css技术,实现旋转的加载特效,具体展示如图下:
效果展示:
loading2
demo项目分析:
1. html中为一个div包裹的span标签,使css设置div样式,达到视频效果
2.div设置圆弧状,使用伪类复制三个,区别颜色,利用角度的不同,使之成为包裹状
3. div加上动画特效
4. span标签加上与div相反方向同速度的,动画特效
2.代码块
A:HTML
<!DOCTYPE html>
<html lang="en">
<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>Document</title>