Опубликовано: 30.01.2020.

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

Медовый магазин.

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

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

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

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

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

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

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

Шаг 1

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

Шаг 2

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

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

Комментарии