鉴宝台附动画代码

用户头像
烟台/网页设计师/10年前/298浏览
鉴宝台附动画代码
用户头像
淡蓝海

公司收藏频道下的一个活动页面的初稿,移动端+PC端 响应式页面


移动端首页效果


db9f569f0db26ac7256cb0da93ac.jpg


  用css3的精灵动画加一层运动的高光


b6a4569f102a6ac7256cb0edadc6.jpg


      来看代码部分,实际效果每次动画有3秒钟的延迟间隔


b361569f10ee6ac7256cb0c4897e.jpg


忘记说了,要提前做好精灵图,也有人叫“雪碧图”样子是这样的,5个状态,分别代表动画的5个关键帧:


12e1569f11df6ac7256cb09b0f79.jpg


最后用js控制一下延迟和时间间隔


a5bc569f127632f875520fbae0e2.jpg


移动端列表页效果


4fac569f12ff32f875520f4c3e8a.jpg


PC端


3614569f133b6ac7256cb078857e.jpg


1
举报
|
1
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
卡通风格网页页面3D渲染
卡通女孩与网页表格3D渲染
浏览电脑网页的元素
三位美女围着网页看信息矢量插画
女生坐在网页面前办公矢量插画
网页页面矢量插画
新年快乐送福网页矢量图banner
B19【星空诗意&网页幽灵按钮】公司产品服务简介汇报
三个青年站在网页周边矢量插画
卡通风格网页页面3D渲染
卡通女孩与网页表格3D渲染
商务网页
卡通风格网页页面3D渲染
男生和女生站在网页面前矢量扁平插画
网页电商背景矢量插画
一个人拿着优惠券准备支付购物电商矢量插画
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
3D风格时尚电子商务设计元素
网页图标
一个男生和两个女生站在网页前面打招呼矢量
户外旅行飞机情侣假日出行
网页背景
卡通风格网页页面3D渲染
男生坐在网页面前办公矢量插画
三个青年正在装修网页矢量插画
你可能喜欢
大家都在看
登录注册