Portfolio: beehealthy.ru

Published: 30.01.2020.

Портфолио: beehealthy.ru

Honey online store.


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/