Recent searches
Search options
Created an #Eleventy plugin to zoom images on fullscreen.
When hovering, the magnifying glass indicates to the user that the img can be enlarged. A click and it appears enlarged, through a fade-in animation. A click outside the image quit the enlarged view.
Under the hood, a #VanillaJS inserts `<dialog>` #HTML modal right before the image. Outside of the modal click =`dialog` disappears.
Styled via #CSS `@starting-style`.
GIF
@teotimepacreau @eleventy @zachleat Looks pretty cool! I may have to try it out.
@bobmonsour cool ! I would be grateful for any feedback