Страницы

Поиск по вопросам

суббота, 23 марта 2019 г.

Как правильно скрыть часть изображения?

Имеется изображение в формате , как скрыть обрезать угол изображения?
А если изображение будете задано в качестве bg фона?


Ответ

Решение SVG
С помощью техники,- использование mask svg, можно сделать очень сложные вырезы, которые трудно повторить в css
Для этого понадобится минимальные навыки работы в векторном редакторе.
Загружаем нужную картинку в векторный редактор (Inkscape) и рисуем path который будет служить границей вырезанной части.
Рисуем кривую с помощью инструмента -
Далее в меню Inkscape выбираем Контур / оконтурить обводку Сохраняем файл SVG и в любом текстовом редакторе копируем из файла формулу кривой

Вот эта кривая линия и будет границей вырезания части изображения.
Ниже код с маской:

Комментариев нет:

Отправить комментарий