day16 knowledge
很多css3属性 最初的预览版没有形成最终的正式版，但是浏览器为了对这些新属性形成支持，主流浏览器提供属于自己的语法规则 “浏览器前缀”
-webkit- 谷歌、苹果 浏览器前缀
-moz- 火狐浏览器前缀
-ms- IE浏览器前缀
-o- 欧鹏浏览器
注：
添加浏览器前缀 -> 兼容模式
不添加浏览器前缀 -> 标准模式
1. Gradient? : The background transitions smoothly between multiple colors
Linear gradient: the change of color from one direction to the other
The syntax of the standard mode (without adding the browser prefix):
background: linear-gradient (direction, color-stop1, color-stop2, ... etc.)
Description: direction: The default is to bottom, that is, the gradient
stop from top to bottom : the distribution position of the color, the default distribution column has three colors, and the stop of each color is 33.33%
兼容模式语法（添加浏览器后缀）
background：-webkit- linear-gradient（direction，color-stop1，color-stop2，等等）
说明：direction：不能添加to 默认指的哪 从那个方向开始
渐变方向 to left\right\top\
对着角渐变 ： to left top \ to right bottom
渐变角度的变化 列如：标准模式： 40deg（40度） 兼容模式 ： （90-40=50度） 等于标准模式的40度
线性渐变：颜色的分布：
linear-gradient（方向，颜色1（20%）颜色2（30%）颜色3） 到20%这个位置仍然是颜色1 出了20% 开始向颜色2渐变
Radial gradient: excessive gradient from one point to the surroundings
Syntax: (browser prefix must be added)
background: —wedkit—linear-gradient (center, shape, size, ..., last-color)
说明：center：渐变起点的位置，可以为百分比，默认是图形的正中心
shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为cellpse，如果元素形状为正方形的元素，则ellispe和circle显示一样
size：渐变的大小，即渐变到哪里停止，他有四个值。closest-side（最近边）farthest-side：（最远变）closest-side（最近角） farthes-corner：（最远角）
Regarding the size of the radial gradient:
closest-side closest
-side farthest-side
closest-corner
farthest-corner farthest corner
Repeatable gradient:
Repeatable linear gradient: background: repeating-linear-gradient ();
重复性径向渐变：background:repeating-radial-gradient();
Second, excessive
grammar transition-property: retrieve or set the properties of the object involved in the transition
transition-duration: retrieve or set the duration of the object transition
transition-delay: retrieve or set the time of the object delay transition
transition-timing-function: retrieve or Set the animation type of the transition in the object. The motion type of the
animation: The default is not uniform speed, the default is ease
Shorthand property: transition: excessive property (all) excessive time delay time animation type (linear average speed)
Note: transition must be triggered by an event (mouse over: hover) to change the css property
