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/

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