平时写动画也尽量使用 css3 来实现,timer-function 随意选用,最多也就调一下 cubic-bezier,找到看着舒服的就行。但是怎样让动画更顺滑,写出更贴近自然的动画,说实话以前我没怎么考虑过。 每次当动效设计师提出,能不能这样那样的时候,我会理所当然地予以否决。所以有很长一段时间 ...
分类:
其他好文 时间:
2018-08-21 15:18:25
阅读次数:
241
用HTML和CSS实现WWDC 2015上的动画效果动画效果WWDC 2015原文:https://cssanimation.rocks/wwdc15/译者:周晓楷(@Helkyle)每年,苹果都会召开一次重大的会议。WWDC(苹果开发者大会)是iOS开发者和OSX开发者学习苹果先进高科技和移动设备...
分类:
Web程序 时间:
2015-09-18 23:21:15
阅读次数:
264
推特最近更新了他们的点赞按钮,使用了全新的动画,而这个动画使用一组动画来实现的而不是依赖于CSS transitions。今天使用CSS动画的steps方法来重建这个动画。错觉这种效果跟西洋镜的原理差不多,都是呈现一系列的帧,形成动画的效果Demo鼠标移到星星上面触发动画:See the Pen Twitter fave animation by Helkyle (@HelKyle) on Code...
分类:
其他好文 时间:
2015-06-01 22:46:45
阅读次数:
163
实现方法其实很简单:
下面菜单是一个Menu,然后选用MenuItemSprite来填充,(MenuItemSprite有个selected(),unselected()函数,可以方便地切换状态)
然后上面是一个Layer...
分类:
其他好文 时间:
2014-12-13 18:07:49
阅读次数:
144