CSS3小布,是指一些新型的CSS3特性,可以用來實現更加動態、生動的網頁效果。下面我們就來看看CSS3小布有哪些特性吧:
/* 圓角 */ .border-radius { border-radius: 5px; } /* 陰影 */ .box-shadow { box-shadow: 5px 5px 5px #888; } /* 漸變 */ .gradient { background: linear-gradient(to bottom, #fff, #000); } /* 旋轉 */ .transform { transform: rotate(30deg); } /* 動畫 */ .animation { animation: move 2s linear infinite; } @keyframes move { 0% { transform: translateX(0); } 50% { transform: translateX(100px); } 100% { transform: translateX(0); } }
以上代碼展示的是圓角、陰影、漸變、旋轉以及動畫這幾種CSS3小布特性,當然這還僅僅是冰山一角,CSS3還有很多新特性值得我們去了解。相信通過更加靈活的CSS3技術,我們可以創造出更加豐富、美觀、有趣的網頁效果。
上一篇css3屬于絕對值的是
下一篇css3對圖片進行裁剪