Divi theme has some cool dropdown animations built in and you can easily select the desired one in the Customizer settings but I would like to expand this list of dropdown animations by sharing with you 10 more effects. I have been experimenting with menu animations and found some really cool ones. They are based on pure CSS and work well with Divi after I made some CSS code adjustments. The only problem is that the “backwards” animation does not work due to the fact that Divi adds et-dropdown-removing CSS class to the dropdown menu on mouse leave which hides dropdown menu by applying display:none; rule which is not animatable, hence the submenu disappears immediately. Anyway, the animations look nice, feel free to check out the original demo here and the demo for Divi by clicking the demo button below. If you like what you see then continue reading the implementation instructions.


Sent from my Samsung Galaxy smartphone.