transition-timing-function。和transition动画一样，animation动画也是CSS3动画的一种，这类动画可以理解为是一种关键帧动画，它可以预先为动画设置多个节点，在每个节点中含有不同的状态属性，通过使用animation动画我们可以得到更为复杂的动画效果。
注意：transition是为页面元素设置某个需要产生动画效果的属性，如宽度（width）、高度（height）、透明度（opacity），甚至3D旋转等，并使得这些属性的值在发生变化时产生相应的过渡效果。我们常常在制作类似按钮鼠标经过和移出效果时使用transition。
通俗地说，transition是简化版的CSS3动画，而animation则是强化版的CSS3动画。在日常开发中transition的使用频率更高一些，我们往往只有在遇到transition无法解决的问题时，才会转而使用animation。
1、语法
2、参数
第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示：
第一个参数省略时，默认为“180deg”，等同于“to bottom”。
第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。
例如：
background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet)
该属性已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。
border-radius:CSS3圆角 语法：border-radius：25px椭圆边角：语法-border-radius：xx%或者15px/100px
box-shadow:CSS3盒阴影 语法：box-shadow：5px 5px 10px #eee
border-image:使用图像创建一个边框 语法：boder-image：url(xx.xxx) 30 30 round round是平铺、stretch是拉伸
background-size:自定义设置背景图片的大小 语法：background-size：--px --px背景图片完全填充background-size：100% 100%；
background-origin：指定了背景图像的位置区域 border-box padding-box content-box
CSS3允许多个背景图片：background-image:url(img_flwr.gif)，url(img_tree.gif)
CSS3渐变
linear-gradients:线性渐变 语法：background: linear-gradient(to right， red，orange，yellow，green，blue，indigo，violet)
使用透明度transparency 语法：linear-gradients（to right，rgb(255，0，0，0），rgb(255，0，0，1))
为了添加透明度，我们使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。
radial-gradients:径向渐变 语法与linear-gradients一样，这里不重复。
text-shadow：文本阴影 语法：text-shadow：--px --px --px #eee
word-wrap:break-word如果某个单词过长溢出文本框，此标签强制换行
以上是互联网用户为您的的内容，在阿里云内部有更多的关于CSS3的几个标签速记1 - html/css语言栏目：html.css的内容，欢迎继续使用右上角搜索按钮进行搜索标签、以便于您获取更多的相关信息。
