CSS3 定义了两种类型的渐变(gradients):
线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向
语法:background-image: linear-gradient(direction, color-stop1, color-stop2, ...)
径向渐变(Radial Gradients)- 由它们的中心定义
语法:background-image: linear-gradient(angle, color-stop1, color-stop2)
在CSS3中,定义了两种类型(1)线性渐变:向下/向上/向左/向右/对角方向,使用linear-gradient()
(2)径向渐变:由它们的中心定义,使用radial-gradient()
transition的语法:transition: transition-property || transition-duration ||transition-timing-funciton || transition-delay ;
其参数的取值说明如下:
<transition-property>:定义用于过渡的属性;
<transition-duration>:定义过渡过程需要的时间(必选,否则不会产生过渡效果)
<transition-timing-function>:定义过渡的方式;
<transition-delay>:定义开始过渡的延迟时间;
使用transition属性定义一组过渡效果,需要以上四个参数。transition属性可以同时定义
两组或两组以上的过渡效果,组与组之间用逗号分隔。
基于webkit内核的私有属性是:-webkit-transition
基于gecko内核的私有属性是:-moz-transition
基于prestot内核的私有属性是:-o-transition