设置阴影的时候怎么确定设置的是哪一条边框?
box-shadow:4px 4px 6px #666, /*外阴影右下角*/
-10px -6px 6px green, /*外阴影左上角*/
4px 4px 4px blue inset, /*内阴影左上角*/
-5px -5px 6px red inset, /*内阴影右下角*/
-8px 10px 4px #4c221b inset, /*内阴影右上角*/
10px -8px 4px #ff7500 inset; /*内阴影左下角*/
设置阴影时用到:box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
外部投影:x正值阴影在右边 负值在左边,y正值引用是在下边负值在上边 通过x y的正负值设置阴影上下左右;
内部投影(inset):与外部投影的方向相反
设置阴影时用到
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
其中Y轴偏移量表示垂直阴影的位置,也就是上下两边的阴影,如果不能理解的话,可以在代码编写时将X轴偏移量设置为0,这样便于观察位置
box-shadow:0px 8px 6px #666 ;
此时,会发现下边有阴影,当Y轴偏移量取负值时,阴影在上面 。
同理,
box-shadow:8px 0px 6px #666 ;
此时,阴影出现在右侧。
x正值阴影在右边 负值在左边,y正值引用是在下边负值在上边 通过x y的正负值设置阴影上下左右
先是x轴方向,然后是y轴方向,最后再看值是负值还是正正值,就可以判断了
看正负值区分呢呀