在css中，可以使用transition-timing-function属性设置动画匀速，只需要在元素中添加“transition-timing-function:linear;”样式即可。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
ease：
1、ease：（逐渐变慢）默认值
2、linear：（匀速）
立即学习“前端免费学习笔记（深入）”；
3、ease-in：(加速)
4、ease-out：（减速）
5、ease-in-out：（加速然后减速）
6、cubic-bezier
如：
Document
效果图：鼠标经过旋转180度，
Ecshop韩都衣舍2014最新豪华版
下载
雕鹰团队二次开发服装类商城模板；ecshop 韩都衣舍2014最新豪华版+专题频道页面功能；采用DIV+CSS布局，并优化了很多代码，使模板打开速度更快，更利于SEO搜索引擎优化。顶级分类页调用该分类下精品商品排行，左右切换滚动特效，头部购物车鼠标移入显示购物车商品，首页分类下方调用各分类商品，并且商品有立即购买功能，列表页左侧商品分类默认商品展开状态，点击哪个分类进入此页面，那么这个分类处于展开
例子2：
把鼠标指针放到 p 元素上，其宽度会从 100px 逐渐变为 300px：
p
{
width:100px;
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和 Chrome */
-o-transition: width 2s; /* Opera */
}效果图：
鼠标经过后
推荐学习：css视频教程
