要實現內陰影效果,可以使用box-shadow屬性并設置inset關鍵字來指定陰影為內陰影。以下是一個示例代碼:
.shadow {
width: 200px;
height: 200px;
background-color: #f1f1f1;
box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, 0.5);
}
在這個示例中,inset
關鍵字告訴瀏覽器這是一個內陰影。其后的四個值分別表示陰影的水平偏移量、垂直偏移量、模糊半徑和擴散半徑。最后一個值是顏色,使用rgba格式指定顏色和透明度。這樣就可以實現一個內陰影效果。