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

来源:2-2 CSS3边框 阴影 box-shadow(一)

天窗的蚂蚁

2016-01-02 18:41

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

写回答 关注

3回答

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

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

    天窗的蚂蚁

    非常感谢!

    2016-01-03 13:01:40

    共 1 条回复 >

  • 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如图所示,虚线部分是阴影,位移量就是箭头所指的移动距离

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

查看课程

相似问题