web前端：CSS3制作炫酷的下拉框

CSS3炫酷的下拉框的原理：

1。首先，有一个导航下拉列表，也就是说，一个下拉列表出现在鼠标上。

2。然后发现每个选项出现在下拉里侧的两个不同的方向。

三。出现方式是奇数项从左边进入，偶数项从右边进入，并且进入方式是滑动和渐变。

设计素描

事实上，这是用CSS3进行转换和动画的，没有JS也能产生这样的效果，那么他的代码是什么？让我给你一个清单：

HTML代码

CSS

完整代码

一些代码已经上传到群组文件中，最后小编群组可以共享和交换，小编经常会共享一些信息干货供大家学习：九六零+五零八+九二零，欢迎各位初级和高级合作伙伴光临。

这个动画，我觉得虽然CSS3的性能比js好。毕竟，JS也是通过控制CSS或类来实现的！

灵活性，这比js差，比如div的显示和隐藏，我不想在鼠标控件中进出移动，如果我想单击的方式来控制div的显示和隐藏。对于JS的工作方式，这是触发事件。对于插件，也许它只是一个插件！对于css3的实现，这不仅会改变CSS样式，还会改变HTML结构！

这里，我的建议是这个动画的最好结果是JS和css3，并且结果是最好的。如果灵活性要求不高，则只能使用CSS3。