差不多5年前,写了篇文章,介绍如何使用JavaScript和抛物线函数实现抛物线运动效果,实际上,纯CSS也是可以实现DOM元素的抛物线运动效果的。究竟如何实现呢?不妨进来一探究竟……
阅读全文…
标签:animation, css3, cubic-bezier, timing function, 抛物线, 水波, 波纹, 贝塞尔曲线 发布在 CSS相关 | 25 条评论 »
今天,要实现一个长任务等待提示效果。然后设计师就把做好的gif效果图给我,就是下面这个,转转转等待提示效果。按照大众做法,我应该是把图片直接按图索骥,调调布局,然后早早回家抱老婆。 但是,我这个人,天生不安分守己。想到是用在客户端,客户端又是用的webkit内核,于是,立马决定使用CSS3来折腾一番……
标签:animation, progress, timing function, 加载, 动画效果, 旋转, 饼状图 发布在 CSS相关 | 46 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎头条B站Gitee