Old/New Ford Mustang Split Landing Page

 

Split landing page of the old generation Ford Mustang and the new EV Ford Mustang Mach-e. Both div containers have overlay and both take 50% width. With JS events mouseenter and mouseleave, there is an animation that make the width of the one car divs 65% while the other 35% with smooth transition of 1500ms or 1.5s. For mobile devices and tablets the height changes instead of the width with the same %.The design is made with:

  • HTML
  • CSS
  • JavaScript

Other images of the project:



 




Comments