用html5可以做出水墨晕开的效果吗

.circle { width: 200px height: 200px position: absolute top: 50% left: 50% margin: -100px 0 0 -100px }

.circle1, .circle2, .circle3, .circle4, .circle5, .circle6, .center { position: absolute left: 50% top: 50% margin: -30px 0 0 -30px width: 60px height: 60px border-radius: 50% background-color: #008cf0 }

.center { position: absolute left: 50% top: 50% margin: -35px 0 0 -35px width: 70px height: 70px border-radius: 35px background: #008cf0 text-align: center line-height: 70px color: #EAEAEA font-size: 16px  font-family:cursive

}

.circle1 { -webkit-animation: circle 3s linear infinite animation: circle 3s linear infinite }

.circle2 { -webkit-animation: circle 3s linear 0.8s infinite animation: circle 3s linear 0.8s infinite }

.circle3 { -webkit-animation: circle 3s linear 1.6s infinite animation: circle 3s linear 1.6s infinite }

 @-webkit-keyframes circle {

 from {

 opacity:1

 -webkit-transform:scale(0)

}

 to {

 opacity:0

 -webkit-transform:scale(3)

}

} <div class='circle'>

  <div class='circle1'>&nbsp</div>

  <div class='circle2'>&nbsp</div>

  

  <div class='circle3'>&nbsp</div>

  <div class='center'>AA</div>

</div>

类似于这样

你可以先去【绘学霸】网站找“影视特效技术”板块的【免费】视频教程-【点击进入】完整入门到精通视频教程列表： www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=312&zdhhr-11y04r-1866726179720839587

想要系统的学习可以考虑报一个网络直播课，推荐CGWANG的网络课。老师讲得细，上完还可以回看，还有同类型录播课可以免费学（赠送终身VIP）。

自制能力相对较弱的话，建议还是去好点的培训机构，实力和规模在国内排名前几的大机构，推荐行业龙头：王氏教育。

王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】： www.cgwang.com/course/ystxcoursemobilecheck/?zdhhr-11y04r-1866726179720839587

在“影视特效技术”领域的培训机构里，【王氏教育】是国内的老大，且没有加盟分校，都是总部直营的连锁校区。跟很多其它同类型大机构不一样的是：王氏教育每个校区都是实体面授，老师是手把手教，而且有专门的班主任从早盯到晚，爆肝式的学习模式，提升会很快，特别适合基础差的学生。

大家可以先把【绘学霸】APP下载到自己手机，方便碎片时间学习——绘学霸APP下载：www.huixueba.com.cn/Scripts/download.html

---