PURE CSS SELECT BOX WITH DIRECTION AWARE HOVER EFFECT

Author:

  • Himalaya Sing
  • October 20, 2018

Made with:

  • HTML / CSS

About the code:

This is an amazing Pure CSS select box without any JavaScript. When there is hover on an option the motion of icon inside option is decided by the direction of hover i.e up hover or down hover (direction aware hover effect).

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies: font-awesome.css

Download Demo and Code Dribbble Page