CSS3是一種用于Web開發中樣式表的語言,它支持豐富的效果和動畫。其中之一就是圖片樣式。通過CSS3,你可以為你的圖片添加陰影、圓角、漸變以及其他特效,讓它們更加吸引人。下面,我們來看幾個常用的CSS3圖片樣式。
/* 添加陰影 */ img{ box-shadow: 0 0 10px rgba(0,0,0,0.5); } /* 圓角 */ img{ border-radius: 50%; } /* 漸變背景 */ img{ background: linear-gradient(to bottom, #ffffff 0%, #ff0000 50%, #000000 100%); } /* 邊框 */ img{ border: 3px solid #000000; } /* 旋轉 */ img{ transform: rotate(45deg); }
以上代碼示例展示了添加陰影、圓角、漸變背景、邊框以及旋轉五種圖片樣式。CSS3還支持更多特效,例如縮放、移動、變形等。這種樣式的應用不僅可以讓頁面更加美觀,同時也能夠提高網站的用戶體驗。
總之,CSS3圖片樣式提供了豐富的樣式特效供我們使用,可以讓我們的圖片更加吸引人。希望以上內容對大家有所幫助。
上一篇css連接背景