css3

写在前面

我们需要全面的兼容性查阅手册:caniuse.com
http://www.runoob.com/cssref/css3-browsersupport.html
手册查询： https://www.html.cn/sitemap.html

1.box-shadow

1.属性： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];(外投影不写，内投影inset);
2. 同一盒子，可以同时加多个阴影，阴影之间用“,”隔开, 清楚每个属性代表的含义。

.box_shadow{
    box-shadow:4px 2px 6px #f00, 0px 0px 12px 5px #33CC00 inset;
}
// x，y轴偏移量，
// 阴影模糊半径： 阴影边缘会有一个模糊的距离，模糊是从阴影的边缘向两侧平均模糊的
// 阴影扩展半径： 可以理解为阴影会向四周有一个扩大，扩大的半径