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/