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

阴影的X,Y偏移量是怎么回事

设置box-shadow:5px 5px,阴影就是右下角的两条边有。设置box-shadow:5px -5px ,阴影就是右上角的两条边有,这个X,Y偏移量是怎么回事?搞不明白

提问者:天窗的蚂蚁 2016-01-02 18:41

个回答

  • 李晓健
    2016-01-02 20:24:05
    已采纳

    http://www.w3school.com.cn/cssref/pr_box-shadow.asp  这个就只能自己看着文档,然后多写多体会了。

  • Beckybei
    2016-07-02 10:25:30

    如果取值为默认值(outset)时:

          X-offset:阴影水平偏移量,当值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边;

      Y-offset:阴影垂直偏移量,当值为正值,则阴影在对象的下方,其值为负值时,阴影在对象的上方;

    如果取值为inset时:

      X-offset:阴影水平偏移量,当值为正值,则阴影在对象的左边,其值为负值时,阴影在对象的右边;

      Y-offset:阴影垂直偏移量,当值为正值,则阴影在对象的上方,其值为负值时,阴影在对象的下方;


  • qq_忆真芙蓉_0
    2016-02-29 17:12:42

    http://img.mukewang.com/56d40b540001515504070262.jpg如图所示,虚线部分是阴影,位移量就是箭头所指的移动距离