CSS3中新增了很多新的屬性,用于實現更多的效果和交互。以下是其中一些常用的屬性。
/* 圓角 */ border-radius: 5px; /* 漸變色 */ background: linear-gradient(to right, #000000, #ffffff); /* 陰影 */ box-shadow: 2px 2px 2px #999; /* 變換 */ transform: rotate(45deg); /* 動畫 */ animation: myanimation 2s infinite; /* 彈性布局 */ display: flex;
上面的代碼塊展示了圓角、漸變色、陰影、變換、動畫和彈性布局這些新增的屬性。
其中,border-radius可以實現圓角的效果,background可以實現漸變色背景,而box-shadow可以實現盒子的陰影效果。
transform可以實現盒子的變換,例如旋轉、縮放等效果,而animation可以實現盒子的動畫效果。
最后,display:flex可以實現簡潔的彈性布局,用來替代常見的float和position布局方式,使布局更加方便和易讀。
上一篇mysql查詢數據庫表名
下一篇css3中浮雕效果怎么榮