请选择 进入手机版 | 继续访问电脑版

网页UI--CSS3帧动画

发表于 06-01 08:52 显示全部楼层 31 580

本帖最后由 赵延明老师 于 2017-6-1 12:07 编辑

简介:

帧动画大家肯定会想到gif效果,它具有轻便,易制作被大家青睐,它也有很大的缺憾,比如颜色不够丰富,可控制性差(暂停,播放等),性能也较差,今天我们来分享通过CSS3来解决它的缺点。

效果:

900-500.png

动图效果:

GIF2.gif

视频:

运用范围:

帧动画可以制作街机游戏,场景专题页面等等,可以暂停,继续播放等等效果处理。

演示地址、笔记及详细代码

回复可查看全部代码演示地址和笔记: 

游客,如果您要查看本帖隐藏内容请回复



回复 使用道具
举报
世界和平

发表于 09-04 17:59 显示全部楼层

要看代码

回复 支持 反对 使用道具
举报
@@@胡志

发表于 08-15 22:20 显示全部楼层

6666666666666666666666666666
回复 支持 反对 使用道具
举报
scj麦子

发表于 07-20 14:01 显示全部楼层

css3不错的动画效果

回复 支持 反对 使用道具
举报
Later、

发表于 07-16 15:22 显示全部楼层

回复 支持 反对 使用道具
举报
a3215315

发表于 07-03 00:56 显示全部楼层

666666666

回复 支持 反对 使用道具
举报

试着做个看看

回复 支持 反对 使用道具
举报
Eileen

发表于 06-16 00:27 显示全部楼层

回复 支持 反对 使用道具
举报
中二的我

发表于 06-12 15:34 显示全部楼层

提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对 使用道具
举报

~\(≧▽≦)/~

回复 支持 反对 使用道具
举报
1234下一页

发表新文章
赵延明老师

小码哥名师团队

0

学分

2303

学币

2573

积分

小码哥名师团队

Rank: 5Rank: 5

积分
2573

签到周冠军勋章小码哥一周年勋章关注小码哥教育公众号意见领袖勋章

Ta的主页 发消息
精华帖排行榜

精彩推荐

  • 关注小码哥教育