为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

3 回答

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

0 回复 有任何疑惑可以回复我~
#1

天窗的蚂蚁 提问者

非常感谢!
2016-01-03 回复 有任何疑惑可以回复我~

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

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

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

如果取值为inset时:

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

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


3 回复 有任何疑惑可以回复我~

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

5 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信