CSS3是當前最新的CSS版本,它帶來了很多新的元素和屬性。以前在CSS2中需要使用JavaScript或圖片來實現的效果,現在可以用CSS3輕松地實現。下面是一些當前最流行的CSS3元素:
/*圓角*/ div{ border-radius: 5px; } /*陰影*/ div{ box-shadow: 2px 2px 2px #888888; } /*漸變*/ div{ background: linear-gradient(to bottom, #000000, #ffffff); } /*旋轉、縮放和傾斜*/ div{ transform: rotate(45deg) scale(1.5) skew(10deg); } /*動畫*/ div{ animation: name duration timing-function delay iteration-count direction; }
這些新的元素和屬性可以讓我們開發出更具創意和豐富多彩的界面。然而,需要注意的是,使用CSS3也可能會影響頁面的性能,在應用時需要權衡選擇。