2021-04-01

第九天
渐变：两个或多个颜色的过渡
渐变 gradient
渐变的分类：线性渐变，径向渐变

渐变属性，background- image : linear-gradient ( red, green)
颜色之间用逗号隔开

默认渐变的方向是从上到下，
设置从下到上 在括号里加 to top ,
与颜色用逗号隔开
设置从左到右 to right
设置到对角线（右下角） to right bottom

默认颜色平均分配，设置颜色比例，给颜色后边写百分数

径向渐变
background-image : radial- gradient ( )
radial 放射状的

默认以椭圆形装向四周渐变
设置以圆形向四周，在括号里➕ circle

二 背景
默认图片背景占内边距
用background_Origin 属性设置背景图占到哪
background_Origin： content-box 内容区
pardding_box 占到内边距
border_box 占到边框

background- clip 设置背景色占到哪
content-box 内容区
pardding_box 占到内边距
border-box 占到边框
三 css过渡
过渡：从一种样式到另一种样式
指定过渡的css属性，transition_property
过渡 属性
指定过渡的持续时间transition_ duration :3s

过渡的速度曲线： transition-timing-function:;
速度曲线默认ease 变化特点 ：慢 快 慢
过渡的延迟：transition_delay:2s

浏览器不支持时
兼容谷歌 safari 在属性前➕ webkit
火狐 moz
欧朋 o
IE ms

多个属性过渡，写完一个属性的过渡，再写另一个，用逗号隔开，
transition: 过渡属性，时间，速率，延迟时间 前两个是必须得写的 后两个可以省略

实现分页 ul li 与导航一样