很多小伙伴都不清楚CSS3是做什么？用途是什么？

接下來我就給展示一個css3制作一個炫酷下拉框。其實不只是這些，還有很多。

CSS3是CSS(層疊樣式表)技術的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊 。

1.首先就是一個導航下拉，就是鼠標放上去出現一個下拉列表

2.然后發現，下拉里面，每一個選項是從不同的兩個方向出現的

3.出現的方式是奇數項從左邊進，偶數項從右邊進，進入方式是滑動淡入。

效果圖

其實這個是用CSS3過渡和動畫制作的，沒有用到JS也是可以做出這樣的效果，那么他的代碼是怎樣的呢？我給大家羅列出來：

<

HTML代碼

CSS

完整的代碼

css3目前是前端開發一個更重要的技能，也是必不可缺少的技能。重要的無法想象。

點擊下方的鏈接趕快來學習吧

{完}