天窗的蚂蚁
2016-01-02 18:41
设置box-shadow:5px 5px,阴影就是右下角的两条边有。设置box-shadow:5px -5px ,阴影就是右上角的两条边有,这个X,Y偏移量是怎么回事?搞不明白
http://www.w3school.com.cn/cssref/pr_box-shadow.asp 这个就只能自己看着文档,然后多写多体会了。
如果取值为默认值(outset)时:
X-offset:阴影水平偏移量,当值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边;
Y-offset:阴影垂直偏移量,当值为正值,则阴影在对象的下方,其值为负值时,阴影在对象的上方;
如果取值为inset时:
X-offset:阴影水平偏移量,当值为正值,则阴影在对象的左边,其值为负值时,阴影在对象的右边;
Y-offset:阴影垂直偏移量,当值为正值,则阴影在对象的上方,其值为负值时,阴影在对象的下方;
如图所示,虚线部分是阴影,位移量就是箭头所指的移动距离
十天精通CSS3
242553 学习 · 2623 问题
相似问题