CSS3是一種用于網頁設計的技術，它可以通過設置解決了以往需要用圖片來實現的許多特效問題。其中，圖片特效是CSS3中一個非常實用的部分。下面就讓我們了解一些CSS3實現的圖片特效吧！

/* 圖片陰影效果 */
img {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
/* 圖片邊框效果 */
img {
border: 3px solid #ccc;
border-radius: 10px;
}
/* 半透明效果 */
img {
opacity: 0.5;
}
/* 圖片透明度漸變效果 */
img {
transition: opacity 0.5s;
}
img:hover {
opacity: 0.8;
}
/* 圖片旋轉效果 */
img {
transform: rotate(30deg);
}
/* 在圖片中添加文字 */
.img-text {
position: relative;
display: inline-block;
}
.img-text img {
display: block;
}
.img-text span {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 10px;
font-size: 20px;
text-align: center;
opacity: 0;
transition: opacity 0.5s;
}
.img-text:hover span {
opacity: 1;
}

以上就是幾種常見的CSS3中使用的圖片特效。通過這些特效，我們可以讓圖片更加生動、美觀，也可以為頁面增添一些不同尋常的元素。在使用時，不妨多加嘗試，創造出更多有趣的效果。