CSS3炫酷的下拉框的原理：
1。首先，有一個導航下拉列表，也就是說，一個下拉列表出現在鼠標上。
2。然後發現每個選項出現在下拉里側的兩個不同的方向。
三。出現方式是奇數項從左邊進入，偶數項從右邊進入，並且進入方式是滑動和漸變。
設計素描
事實上，這是用CSS3進行轉換和動畫的，沒有JS也能產生這樣的效果，那麼他的代碼是什麼？讓我給你一個清單：
HTML代碼
CSS
完整代碼
一些代碼已經上傳到羣組文件中，最後小編羣組可以共享和交換，小編經常會共享一些信息乾貨供大家學習：九六零+五零八+九二零，歡迎各位初級和高級合作伙伴光臨。
這個動畫，我覺得雖然CSS3的性能比js好。畢竟，JS也是通過控制CSS或類來實現的！
靈活性，這比js差，比如div的顯示和隱藏，我不想在鼠標控件中進出移動，如果我想單擊的方式來控制div的顯示和隱藏。對於JS的工作方式，這是觸發事件。對於插件，也許它只是一個插件！對於css3的實現，這不僅會改變CSS樣式，還會改變HTML結構！
這裏，我的建議是這個動畫的最好結果是JS和css3，並且結果是最好的。如果靈活性要求不高，則只能使用CSS3。