Опубликовано: 30.01.2020.
Портфолио: beehealthy.ru
Медовый магазин.
Как сайт адаптируется
Мобильное меню
Липкое меню каталога
Это которое слева.
Нестандартная рамка картинок
Рамка вокруг картинок вполне стандартная задача. Когда они квадратные. Но в этом дизайне рамки оказались шестиугольными.
Поэтому реализовал рамки с помощью JavaScript и Canvas.
Шаг 1
Отрезаем у изображения лишнее с помощью маски.
Шаг 2
Добавляем на обрезанное изображение границу.
Посмотреть сайт: https://beehealthy.ru/
Комментарии