CSS3 Dropdown Menu is a Mac-like multi-level dropdown menu that created using border-radius, box-shadow, and text-shadow. It renders perfect on Firefox, Safari and Chrome. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered. The following demo used CSS gradient and IE gradient filter instead of the gradient image. It works for Webkit browsers, Firefox 3.6+, and IE.
![Emotion Color Mapping – What Colors To Use In Your Design [Infographic]](https://www.wooosh.net/blog/wp-content/uploads/2017/04/20170418-how-to-decide-what-colors-to-use-in-your-design-500x383.jpg)
