CSS3作為CSS的最新版本,包含了許多新的特性。下面我們將介紹一些常用的CSS3新特性:
/* 圓角 */ border-radius: 10px; /* 盒子陰影 */ box-shadow: 5px 5px 5px #888888; /* 文字陰影 */ text-shadow: 2px 2px #888888; /* 漸變 */ background: linear-gradient(to bottom, #ff0000, #0000ff); /* 旋轉 */ transform: rotate(30deg); /* 縮放 */ transform: scale(1.5, 1.5); /* 平移 */ transform: translate(50px, 50px); /* 過渡 */ transition: width 2s; /* 動畫 */ @keyframes myanimation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } animation: myanimation 2s infinite;
上述代碼中,我們介紹了圓角、盒子陰影、文字陰影、漸變、旋轉、縮放、平移、過渡和動畫等9種CSS3新特性。
有了這些新特性,我們可以更輕松地實現復雜的樣式效果,提升網頁的美觀程度和用戶體驗。
上一篇css3旋轉動畫樣式
下一篇css 壓縮到一行