CSS2.1能夠提供各種豐富的圖片效果,使得我們能夠更加優(yōu)美地展示網(wǎng)站內(nèi)容。以下是一些常見的圖片效果。
/* 圖片陰影效果 */ 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; }
通過上述CSS代碼,我們可以實現(xiàn)圖片的不同特效,從而提升網(wǎng)站的美觀程度和用戶體驗。同時,我們還可以通過組合不同的效果,創(chuàng)造出更加獨特的圖片效果。