8 месяцев назад
Как вставить картинку и обрезать по фигуре: круг и скругления (HTML/CSS
) В 80% случаев достаточно border-radius + правильной «кадровки» через object-fit: cover. Для нестандартных форм пригодится clip-path или SVG. - База (вставка): \<img src="img.jpg" alt="Описание"> - Адаптивно и без «полоски» снизу: img { max-width: 100%; height: auto; display: block; } - Круглый аватар (лучший способ — через контейнер): .avatar{width:120px;height:120px;border-radius:50%;overflow:hidden} .avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 50%} - Скруглённые углы + аккуратная обрезка (карточки/превью): Скругляйте контейнер и ставьте overflow: hidden, а картинке — object-fit: cover...
4997 читали · 6 лет назад
Как вырезать идеальный круг из пластикового листа без помощи циркуля
Однажды мне понадобилось вырезать точный круг из пластиковой стенки стиральной машинки. Вспомнив свой опыт жестяных работ, я быстро осуществил желаемое. Вот такой у меня получился симпатичный круг. Для того чтобы осуществить задуманное нам нужно изготовить приспособление простое в изготовлении и примитивное в использовании. Но точность и удобство в использовании превосходят традиционный циркуль. Нам понадобятся: Как видно из рисунка требуется в бруске сделать два отверстия. Одно отверстие будет служить опорным не смещаемым центром, а второе будет служить креплением резца...
312 читали · 1 год назад
Как в Фигме ВЫРЕЗАТЬ КРУГ из фото. Маска в FIGMA: подробная инструкция
Вырезать круг из картинки или фото в Фигме очень просто. Это можно сделать за 1 минуту. Для этого мы будем использовать инструмент Маска. Таким образом в Figma можно вырезать не только круг, а вообще любую фигуру. Я записал для вас подробную видеоинструкцию на РУТУБ, а ниже дал пояснения. Понравилась статья? Ставь лайк! Хочешь, чтобы я записал видеоурок по изучению Figma для начинающих? Напиши в комментариях и я сниму ролик. Подписывайтесь на мой Телеграм канал: https://t.me/craft_content_tg Там...