CSS3是現代網頁設計中最常用的技術之一，除了讓頁面更加美觀，它還可以實現很多有趣的效果。其中，拍照效果圖片就是一個很好的例子。下面我們來看一下如何通過CSS3實現拍照效果圖片。

.camera {
width: 250px;
height: 250px;
border-radius: 50%;
box-shadow: 
0 0 10px rgba(0,0,0,0.5),
0 0 60px rgba(255,255,255,0.4) inset;
position: relative;
overflow: hidden;
}
.camera:before {
content: "";
width: 80%;
height: 80%;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
top: 5%;
left: 5%;
}
.camera:after {
content: "";
width: 30%;
height: 30%;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.6);
position: absolute;
top: 20%;
left: 20%;
}

上述代碼中，我們首先創建了一個圓形的相機框。通過border-radius屬性設置其圓角，實現圓形效果。同時，我們使用box-shadow屬性設置了陰影效果，使其更加逼真。

接著，我們利用:before和:after偽元素創建相機鏡頭。這里我們用了顏色漸變來模擬光線的效果，加強了拍照的真實感。

最后，我們得到了一個非常逼真的拍照效果圖片，可以用于網站的裝飾、宣傳等等。