CSS3是現代網站制作中必不可少的技術之一，使用它可以實現各種華麗的樣式效果。其中，倒影效果是許多網站常用的效果之一，它可以為頁面增加立體感，突出主體。

在CSS3中，倒影效果可以通過box-shadow屬性實現。下面就是一段CSS代碼實現倒影效果：

.box {
width: 300px;
height: 200px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

以上代碼的意思是，為一個名為.box的元素設置寬度為300px，高度為200px，背景為白色，邊框為1像素的灰色實線，同時給它設置一個2像素高、帶有透明度的黑色陰影。

如果要實現倒影效果，只需要在原來的樣式基礎上，再加上一個-webkit-box-reflect屬性即可。下面是修改后的CSS代碼實現倒影效果：

.box {
width: 300px;
height: 200px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-reflect: below 0px -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
}

其中，-webkit-box-reflect屬性有兩個參數，第一個參數表示倒影位置，為“below”時表示倒影在元素底部，為“above”時表示倒影在元素頂部。第二個參數表示倒影樣式，這里使用的是漸變色。

總的來說，使用CSS3實現倒影效果并不難，但需要注意兼容性和細節處理。可以參考一些優秀的教學視頻來掌握更多實現倒影效果的技巧。