CSS 3为我们带来了令人惊叹的新特性,而最有趣的就是CSS 动画。今天彬Go向大家推荐这50个CSS 动画集合可以让你通过使用Java script函数来让动画更生动。为了能够预览到这些惊人的CSS 3技术带来的动画特效,请大家使用如
此文原标题:CSS3制作50个超棒动画效果教程来源网址:多核软件开发/3/0_12105.html
多种3D立方体使用CSS 3和它的属性‘transform’ 和 ‘transition’ ,我个人觉得效果很震撼,你能看到写在3D立方体上的透视感极强的文字。
7种CSS 3结合javascript技术的特效实例. 所包含的效果有淡入淡出, 震动, 轻移, 扩大, 跳动, 旋转 和 手风琴效果。
六个由CSS 3替代Java script而实现的鼠标悬停图片效果,CSS 3实现这种悬停效果依然很炫!
该效果会将一个照片列表按顺序排列,并把它们按不同的角度旋转,使用了CSS 2和CSS 3技术,无Java script。它从图片的alt属性中读取出照片描述并放到了照片的下方。
第一个CSS 3逐帧动画实例需要你持续使用鼠标点击图片,当播放到最后一帧时它会自动播放第一帧,如此循环,但第一个实例只能在FireFox和Opera下实现。第二个Css3逐帧动画实例需要你使用鼠标在图片上移动,依旧是mousemove这个动作,只要鼠标在移动图片动画就会持续播放,但动画的播放速度是与你的鼠标移动速度有关的,该实例支持Safari, Google Chrome, IE8, Firefox 和 Opera。

