CSS2.1能夠提供各種豐富的圖片效果,使得我們能夠更加優(yōu)美地展示網(wǎng)站內(nèi)容。以下是一些常見(jiàn)的圖片效果。
/* 圖片陰影效果 */ img { box-shadow: 2px 2px 2px #888888; } /* 圖片邊框效果 */ img { border: 3px solid green; } /* 圖片旋轉(zhuǎn)效果 */ img { transform: rotate(45deg); } /* 圖片模糊效果 */ img { filter: blur(5px); } /* 圖片灰度效果 */ img { filter: grayscale(100%); } /* 圖片透明度效果 */ img { opacity: 0.5; }
通過(guò)上述CSS代碼,我們可以實(shí)現(xiàn)圖片的不同特效,從而提升網(wǎng)站的美觀程度和用戶(hù)體驗(yàn)。同時(shí),我們還可以通過(guò)組合不同的效果,創(chuàng)造出更加獨(dú)特的圖片效果。