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