Hover effects
Photo wipe
Switch between 2 photos on hover with a wipe from right to left.
<div class="photoWipe">
<div class="show"><img src="..."></div>
<div class="hidden"><img src="..."></div>
</div>
This page contains various CSS and javascript tricks and designs. Read more about the template used on this page.
icon-innovation
icon-drink-coffee
icon-e-learning
icon-environment
icon-client
icon-solving-problems
icon-hour-registration
icon-standard-solution
icon-integrated-solution
icon-calendar
icon-order-cash
icon-diversity
icon-manufacturing
icon-apps-add-ons
icon-
icon-
icon-
icon-
Switch between 2 photos on hover with a wipe from right to left.
<div class="photoWipe">
<div class="show"><img src="..."></div>
<div class="hidden"><img src="..."></div>
</div>
dolor sit amet
Duis id volutpat ante
Mi nec tellus rhoncus interdum
This template and all the scripting included in it is created by Gijs Rosengarten. I created this as a pet project to combine all scripts, layout tricks and learnings into one consistent setup. If nothing else to use it for my own future projects
The current version is V3.0, june 2021. This page used jQuery 3.5.1 but from version 3 this is fully vanilla JS. All images on this page are from Chromecast backgrounds
I do web design / development for a living and drawing for fun. Check out the main GWTP site for some other projects or check my portfolio site