Simple Effects for Drop-Down Lists

Today Mary Lou wants to share some simple drop-down list effects with you. The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with a transition and parameters can be configured in a way to achieve unique effects.

After the great custom drop-down list styles made by Hugo in his tutorial Custom Drop-Down List Styling, Mary Lou wanted to make it simple to create a custom structure from a normal select input (without multiple option selection). So, she has come up with this little plugin that will allow some custom styling of the drop-down list. With the generated structure it is easy to apply some simple effects in order to spice it up. Please note that the CSS transforms and transitions only work in browsers that support them.