Portfolio: beehealthy.ru

Adaptation

Mobile menu

Sticky catalog menu

Custom image frame

The frame around images is standard task, when it's square. But in the design frames is hexagonal.

This is why I made borders using JavaScript and Canvas.

Step 1

Cut off image's excess using a mask.

Step 2

Add the border to the cropped image.

View the site: https://beehealthy.ru/

P.S. Another one of my projects

Mental maps for people, and even whole teams, who put their soul into their projects.

View mind map service IOctopus.online