CSS3 是一種強大的樣式表語言,能夠幫助我們創建各種漂亮的效果。CSS3 的最大優勢在于它的能力不斷擴展,而且它的支持度也不斷提高。在 CSS3 中,我們可以通過各種專業術語來觸發相應的效果。
效果名:box-shadow css代碼:box-shadow: 2px 2px 4px #999; 描述:創建一個有陰影的盒子。第一個數值表示水平偏移量,第二個數值表示垂直偏移量,第三個數值表示陰影的強度,最后一個是顏色。
另外一種觸發效果的方式是通過“transform”屬性,可以進行各種變形效果。
效果名:transform: rotate(10deg); css代碼:transform: rotate(10deg); 描述:將元素繞其原點旋轉10度。
除了變形效果之外,CSS3 還可以給我們帶來很多有趣的動畫效果,比如下面這個:
效果名:transition css代碼:transition: width 2s; 描述:使一個元素在2秒鐘內從當前寬度過渡到新的寬度。
最后,我們還有一個非常實用的效果——過濾器。
效果名:filter: grayscale(100%); css代碼:filter: grayscale(100%); 描述:將一個元素轉換為灰度。
以上就是幾個 CSS3 的效果,每一種效果都有自己的觸發方式。在實際開發中,我們可以根據需求選擇不同的效果,讓頁面變得更加生動活潑。
上一篇表格線css設置表格線
下一篇計算機css3.0