摘要:
尽管人们期待屏幕显示技术有所改进,但CSS和HTML却只提供了少数的交互设计控制,而且还只是双向状态的而非渐进状态,如:一个链接只能是一种颜色或另一种颜色,文本域只能是一种尺寸或另一种尺寸,一幅照片要么透明要么不透明。没有从两种状态的之间的部分,即没有过渡。
这种不优雅的切换效果使很多页面让人感觉突兀。虽然我们可以用DHTML和jQuery来实现过渡效果,但这需要很多代码来实现原本很简单的事情。
在这篇文章中,我们用一种简洁的方法来给页面增加过渡效果,你将会发现CSS ransitions的一些有用的信息以及如何使用它们。 阅读全文
摘要:
animation对应的CSS属性列表:
animation-name 动画的名称。
animation-duration 定义动画播放一次需要的时间。默认为0;
animation-timing-function 定义动画播放的方式,参数设置类似transition-timing-function animation-delay 定义动画开始的时间
animation-iteration-count 定义循环的次数,infinite即为无限次。默认是1。 阅读全文