Portfolio: beehealthy.ru

Published: 30.01.2020.

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

Honey online store.

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/

Comments