htmlcsstipsandtricks

Transparent Image Overlay before hover + hover animation

It may be that at some point while working on a project you needed to place an overlay for some image without needing to hover over it and to create pretty boxes where the text overlay is clearly visible.

Here is my solution…

See the Pen EKdOax by adnan (@kickthemooon) on CodePen.

You will need to use bootstrap.css to accomplish responsiveness.

Suggestions and questions are always welcome, so go ahead and use the comment section.

Published by

Adnan Mujkanovic

I am a very curious character and most of all I am into Web development, Economics, Psychology, Philosophy and Logic.

Leave a Reply

Your email address will not be published. Required fields are marked *