css陰影效果屬性：box-shadow屬性詳解

CSS3盒子陰影語(yǔ)法

box-shadow:水平陰影 垂直陰影 模糊距離（虛實(shí)）  陰影尺寸（影子大小）  陰影顏色  內(nèi)/外陰影；

前兩個(gè)屬性是必須寫的。其余的可以省略。

外陰影(outset)是默認(rèn)的，但是不能寫，想要內(nèi)陰影可以寫 inset。

div {
    width: 200px;
    height: 200px;
    border: 10px solid red;
    /* box-shadow: 5px 5px 3px 4px rgba(0, 0, 0, .4);  */
    /* box-shadow:水平位置 垂直位置 模糊距離 陰影尺寸（影子大小） 陰影顏色  內(nèi)/外陰影； */
    box-shadow: 0 15px 30px  rgba(0, 0, 0, .4);
}

效果：

猜你喜歡：

CSS動(dòng)畫和JS動(dòng)畫有什么區(qū)別？

CSS是什么意思？CSS的全稱是什么？

什么是CSS選擇器？如何使用？

Css中如何清理浮動(dòng)？

常用css樣式大全[2020最新整理版]

黑馬程序員web前端開(kāi)發(fā)培訓(xùn)課程