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

Как сайт адаптируется

Мобильное меню

Липкое меню каталога

Это которое слева.

Нестандартная рамка картинок

Рамка вокруг картинок вполне стандартная задача. Когда они квадратные. Но в этом дизайне рамки оказались шестиугольными.

Поэтому реализовал рамки с помощью JavaScript и Canvas.

Шаг 1

Отрезаем у изображения лишнее с помощью маски.

Шаг 2

Добавляем на обрезанное изображение границу.

Посмотреть сайт: https://beehealthy.ru/