CSS3篩子的立體感

篩子是生活中常見的工具，CSS3中也提供了制作篩子的功能，不僅可以實現篩子的基本功能，更可以通過CSS3屬性來增加篩子的視覺效果。

通過border-radius屬性設置圓角，配合box-shadow屬性增加陰影，可以讓篩子看起來更有立體感。

篩子中的小洞可以使用內陰影box-shadow實現。

代碼示例：
.sifter {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 14px 36px rgba(0, 0, 0, 0.12);
}
.sifter-hole {
position: relative;
width: 80px;
height: 80px;
top: 60px;
left: 60px;
border-radius: 50%;
background-color: #f5f5f5;
box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
}
.sifter-hole:before {
content: "";
position: absolute;
top: -3px;
right: -3px;
bottom: -3px;
left: -3px;
border-radius: 50%;
box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 1px #d3d3d3;
}