box-shadow 阴影属性
box-shadow: 0px 0px 5px 10px #888888 inset;
第1个参数为横向(X轴)偏移值,必需。水平阴影的位置。允许负值。
第2个参数为纵向(Y轴)偏移值,必需。垂直阴影的位置。允许负值。
第3个参数为模糊距离,可选。
第4个参数为阴影的尺寸,可选。
第5个参数为阴影的颜色,可选。
第6个参数可选。将外部阴影 (outset) 改为内部阴影。
还可以设置多个投影,用逗号隔开,例如:
box-shadow: 0px 0px 0px 10px #888888,
0px 0px 0px 20px red,
0px 0px 0px 30px blue;
效果:
注意:这里使用外部阴影不会影响元素与其他元素的关系,所以要通过外边距来留出外部阴影的空间,不然会被其他元素遮住,
这里一般建议把外部阴影改成内部阴影,使用内边距就可以很好的控制。
點(diǎn)擊查看更多內(nèi)容
3人點(diǎn)贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦