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

用html5可以做出水墨晕开的效果吗,第1张

.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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7174014.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存