问答详情
源自:2-2 CSS3边框 阴影 box-shadow(一)

设置阴影的时候怎么确定设置的是哪一条边框?

设置阴影的时候怎么确定设置的是哪一条边框?

提问者:qq_飞翔的烤肉_0 2016-08-25 02:10

个回答

  • qq_爺的话不听也要听_04124898
    2016-11-06 09:36:18

    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; /*内阴影左下角*/

  • 慕粉1420362554
    2016-10-18 00:32:46

    设置阴影时用到:box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

    外部投影:x正值阴影在右边 负值在左边,y正值引用是在下边负值在上边 通过x y的正负值设置阴影上下左右;

    内部投影(inset):与外部投影的方向相反

  • 陌上人如玉0
    2016-08-28 10:45:25

    设置阴影时用到

    box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

    其中Y轴偏移量表示垂直阴影的位置,也就是上下两边的阴影,如果不能理解的话,可以在代码编写时将X轴偏移量设置为0,这样便于观察位置

    box-shadow:0px 8px 6px #666 ;

    此时,会发现下边有阴影,当Y轴偏移量取负值时,阴影在上面 。

    同理,

    box-shadow:8px 0px 6px #666 ;

    此时,阴影出现在右侧。

  • 残花败柳吓死鬼
    2016-08-26 10:38:16

    x正值阴影在右边 负值在左边,y正值引用是在下边负值在上边 通过x y的正负值设置阴影上下左右

  • 西街城外
    2016-08-25 13:19:16

    先是x轴方向,然后是y轴方向,最后再看值是负值还是正正值,就可以判断了

  • balabalalala
    2016-08-25 09:05:14

    看正负值区分呢呀