CSS3是Cascading Style Sheets的第三個版本。它對前兩個版本進行了擴展,并且添加了許多新的特性。CSS3可以用于為網站和應用程序添加復雜的樣式和交互效果。下面我們來看看CSS3的一些常見用法。
/*圓角*/ border-radius: 10px; /*盒子陰影*/ box-shadow: 2px 2px 5px #888888; /*漸變*/ background: linear-gradient(to bottom, #ffffff, #eeeeee); /*動畫*/ animation: myanimation 5s infinite; @keyframes myanimation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*媒體查詢*/ @media (min-width: 768px) { /*這里放置針對大屏幕的樣式*/ }
通過這些示例,你可以看到CSS3在樣式設計方面的強大能力。在實際應用中,你可以使用CSS3實現各種各樣的效果,包括動畫、過渡、變形、媒體查詢、漸變、旋轉、縮放、盒子陰影、圓角等等。CSS3的特性讓網站和應用程序更加美觀、易讀和有序,同時也提高了設計和開發的效率。
上一篇button豎排 css
下一篇border漸變 css