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:
.png)
.png)
.png)
.png)
.png)
.png)
Comments
Post a Comment