Fx.Morph

The always-requested hover transition

For the left list the styles are defined in a JavaScript object. For the right list the styles are defined in the CSS file. Fx.Morph can fetch those styles by a simple CSS selector. The main advantage of the last approach is that you can keep your styles in the CSS, and the logic in the JavaScript.

  • Demo
  • Docs
  • CSS
  • HTML
  • JavaScript
  • option 1
  • option 2
  • option 3
  • option 4
  • option 5
  • option 6
  • option 7
  • option 8
  • option 1
  • option 2
  • option 3
  • option 4
  • option 5
  • option 6
  • option 7
  • option 8

Documentation References: