box-shadow陰影合集

* box-shadow能夠設置6個值。其中4個可選;2個必須指定:分別是x軸偏移量和y軸偏移量,這2個值能夠是正值,能夠是負值,也能夠是0,但不能夠省略不寫spa

陰影水平x偏移值(可取正負值);陰影垂直y偏移值(可取正負值);陰影邊框;陰影模糊值;陰影顏色 code

外部陰影:

#box-shadow{
	-moz-box-shadow:5px 5px 5px 5px #ddd;
}

內部陰影:

#box-shadow2{
	box-shadow:5px 5px 5px 5px #ddd inset;
}

無擴展(蔓延spread)陰影:

#box-shadow3{
	box-shadow:5px 5px 5px #ddd;
}

無模糊(blur)陰影:

#box-shadow4{
	box-shadow:5px 5px #ddd;
}

使用RGBA顏色(固然你也可使用RGB,HSL,HSLA)的陰影:

#box-shadow5{
	box-shadow:5px 5px rgba(0,0,0,.1);
}
相關文章
相關標籤/搜索