Mousehover and screentouch

This page uses css to fade-out an image and fade-in a line of text when you hover the mouse over the image.

Since touchscreens have no mouse, hovering does not work. Therefore a JavaScript with touchevents is used.

There is a slight difference between these two solutions. Noticable only when you hover the mouse over the area below the image.

The mountains changed to a fish


Have a look at the source code :

content.php

sidebar.php

customstyles.php

Feel free to improve on it.

Feb 17 2021 05:54:31