我正在製作一個網站,我的導航需要一個透明的箭頭,並看到div下方的投影。帶陰影的透明箭頭內部
我需要在純HTML/CSS(沒有JavaScript)的獨奏。
期望的結果:
這是我試了一下(我把三角形的紅色看到它,如果顯示放透明無)
.box {
position:relative;
display:block;
height:100px;
width:100%;
box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
}
.box:after {
content:"";
display:inline-block;
position:absolute;
border: 15px solid;
margin-left: -15px;
height: 0;
width: 0;
left:50%;
border-color:transparent transparent red transparent;
bottom: 0;
}
是否將三角形的顏色設置爲與陰影相同的陰影/灰色alpha值,而不是正確的結果? –