Cislunar has an image hover zoom effect component, which you can use with other components to make beautiful effects!
The .cl-hover
and .cl-zoom-img
classes makes the image zoom effect happen. Only on hovering on .cl-hover
element, the image will get zoomed.
<div class="cl-zoom-img cl-hover"> <img src="images/overlays/some-image.png" alt="some image"> </div>