HTML5CSS3--CSS3的各种用法

1.background-origin  背景图起点：

2.background-clip  背景图裁剪：

3.边框背景图：

4. box-shadow  盒子阴影属性(4行)：

水平偏移量（正数向右，否则反之）   上  右  下  左

垂直的偏移量（正数向下，否则反之）     上  右  下  左

模糊度  延伸值（可选）   上  右  下  左

颜色   内阴影（可选 inset）  上  右  下  左

5. text-shadow   文本阴影(1行)：

水平偏移量（正数向右，否则反之）  垂直的偏移量（正数向下，否则反之）    模糊度    颜色

6.linear-gradient 线性渐变：

   background-image: linear-gradient(
                to right,
                red,
                green
            );

效果图：

7.radial-gradient  径向渐变:

  background-image: radial-gradient(
                at center center,
                red,
                yellow,
                white,
                green
            );

效果图:

8. transform  转换属性：

9.transition  过度属性：

（1）  transition-property  用于规定设置过渡效果的CSS属性的名称：

（2）  transition-duration  用于规定设置过渡效果的时间：

（3） transition-timing-function   设置速度曲线：

贝塞尔曲线自定义网址：https://cubic-bezier.com/ 

（4）transition-delay   设置延长时间：

10.动画：