Web初学者-作业4-[旋转的加载特效]

1.项目介绍

使用html+css技术,实现旋转的加载特效,具体展示如图下:

效果展示:

loading2

demo项目分析:

1. html中为一个div包裹的span标签,使css设置div样式,达到视频效果

2.div设置圆弧状,使用伪类复制三个,区别颜色,利用角度的不同,使之成为包裹状

3. div加上动画特效

4. span标签加上与div相反方向同速度的,动画特效

2.代码块

A:HTML




    
    
    
    Document
  

你可能感兴趣的:(前端,css,css3)