本篇介绍的animation属性和传统的动画制作一样，能控制帧的每一步，制作出更强大的动画效果。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

简介 Animation可以让你不用依赖javascr ipt或jquery，用纯CSS在网页中轻松实现各种动画效果。 兼容性 animation在绝大部分主流浏览器都得到了很好的支持！还在兼容IE9的同学要谨慎使用。 CSS 坐标系 在了解animtion之前，我们有必要先了解css的坐标系，因为很多的animation效果都和元素的坐标密切相关。在css3中网页不再是一个二维平面，而是一个三维空间，水平方向、竖直方向和垂直屏幕方向分别对应三维坐标系的x，y，z轴，如下图所示。箭头方向为正向

简介 Animation可以让你不用依赖javascr ipt或jquery，用纯CSS在网页中轻松实现各种动画效果。 兼容性 animation在绝大部分主流浏览器都得到了很好的支持！还在兼容IE9的同学要谨慎使用。 CSS 坐标系 在了解animtion之前，我们有必要先了解css的坐标系，因为很多的animation效果都和元素的坐标密切相关。在css3中网页不再是一个二维平面，而是一个三维空间，水平方向、竖直方向和垂直屏幕方向分别对应三维坐标系的x，y，z轴，如下图所示。箭头方向为正向

简介 Animation可以让你不用依赖javascr ipt或jquery，用纯CSS在网页中轻松实现各种动画效果。 兼容性 animation在绝大部分主流浏览器都得到了很好的支持！还在兼容IE9的同学要谨慎使用。 CSS 坐标系 在了解animtion之前，我们有必要先了解css的坐标系，因为很多的animation效果都和元素的坐标密切相关。在css3中网页不再是一个二维平面，而是一个三维空间，水平方向、竖直方向和垂直屏幕方向分别对应三维坐标系的x，y，z轴，如下图所示。箭头方向为正向