CSS3是網(wǎng)頁(yè)樣式設(shè)計(jì)的重要技術(shù)之一，它為網(wǎng)頁(yè)設(shè)計(jì)師提供了更豐富、更生動(dòng)的樣式效果。其中，圖片顯示特效作為網(wǎng)頁(yè)設(shè)計(jì)中重要的一個(gè)組成部分，為網(wǎng)頁(yè)增添了動(dòng)感和活力。本文將介紹一些常見(jiàn)的CSS3圖片顯示特效。

/* 圖片縮放特效 */
img {
transition: transform 0.5s ease;
}
img:hover {
transform: scale(1.2);
}
/* 圖片邊框特效 */
img {
border: 5px solid #ccc;
transition: border-color 0.5s ease;
}
img:hover {
border-color: #ff0000;
}
/* 圖片模糊特效 */
img {
transition: filter 0.5s ease;
}
img:hover {
filter: blur(5px);
}
/* 圖片旋轉(zhuǎn)特效 */
img {
transition: transform 0.5s ease;
}
img:hover {
transform: rotate(180deg);
}
/* 圖片漸變特效 */
img {
transition: opacity 0.5s ease;
}
img:hover {
opacity: 0.5;
}

以上代碼實(shí)現(xiàn)了圖片縮放、邊框、模糊、旋轉(zhuǎn)和漸變等特效。在網(wǎng)頁(yè)設(shè)計(jì)中，可以根據(jù)需要選擇合適的特效，增強(qiáng)圖片的吸引力，提高用戶體驗(yàn)。