一般我們通過box-shadow來設置盒陰影,但是有些屬性我們一般沒有用到,這篇文章將對box-shadow屬性進行逐個分析。
語法
CSS Code復制內容到剪貼板
E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}
即:
對象選擇器 {box-shadow:投影方式 X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影擴展半徑 陰影顏色}
inset 投影方式
此參數是一個可選值,如果不設值,其默認的投影方式是外陰影;如果取其唯一值“inset”, 其投影就是內陰影;
x-offset
水平方向的偏移量;
y-offset
垂直方向的偏移量;
blur-radius模糊半徑
可選,只能為整數,值越大陰影就越模糊;
spead-radius擴展半徑
可選,可以為正數或者負數,如果為負數,整個陰影將會縮小;
color陰影顏色
可選,如果不設定值,浏覽器將會采用其默認色,默認色一般是黑色。
一般我們很少用到inset和spead-radius這兩個屬性,如果運用好這兩個屬性可以制作出