mastodon.design is one of the many independent Mastodon servers you can use to participate in the fediverse.
A small instance for and by people who make things! We stand for an open, independent, sustainable, inclusive, and accessible web.

Administered by:

Server stats:

337
active users

Téotime Pacreau

Created an 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 inserts `<dialog>` modal right before the image. Outside of the modal click =`dialog` disappears.
Styled via `@starting-style`.

npmjs.com/package/eleventy-plu

@eleventy @zachleat

@bobmonsour cool ! I would be grateful for any feedback