Скругления и обводки карточек в Tilda
Постоянная форма изображений и контейнеров с отдельными углами и мобильными настройками.Подробнее о модеСвернуть описание
Скругления и обводки карточек в Tilda
Постоянная форма изображений и контейнеров с отдельными углами и мобильными настройками.Что умеет мод
- Применяет скругления к выбранным карточкам, изображениям или целому блоку.
- Задаёт независимые значения для четырёх углов.
- Добавляет сплошную, пунктирную или точечную обводку с выбранным цветом.
- Переопределяет углы и толщину обводки до заданной ширины экрана.
Как подключить
Ограничьте область
В «Где применять» укажите ID нужного блока или общий uc-класс нескольких блоков. У каждого блока должен оставаться свой ID; для общей группы используйте класс.
Выберите поверхность
Найдите нужный блок и отметьте картинку или контейнер карточки. Для фонового изображения выбирайте его обёртку. Вариант «Весь блок» нужен только для оформления внешнего контура всей секции.
Настройте углы и обводку
Задайте четыре радиуса, толщину, цвет и стиль линии. Для изображения включите обрезку содержимого. Добавьте брейкпоинты, если на меньших экранах нужны другие значения.
Проверьте публикацию
Вставьте код в T123 после нужных блоков и опубликуйте страницу. Проверьте фотографии, фоновые изображения, границы карточек и мобильные ширины. Убедитесь, что меню и другие выступающие элементы остаются видимыми.
Что учитывать. Обрезка содержимого может скрыть выпадающее меню или элементы за границей контейнера. Для таких контейнеров её следует отключить. Мод задаёт постоянную форму. Если нужен переход между скруглениями при наведении, используйте отдельный конструктор анимации углов.
Вопросы и ограничения
Можно сделать каждый угол разным?
Да. Для верхнего левого, верхнего правого, нижнего правого и нижнего левого угла предусмотрены отдельные значения.
Что означает пустое поле в адаптиве?
Оно не переопределяет соответствующее свойство. Продолжает действовать базовое значение или подходящее правило для другой ширины.
Почему скруглился фон, а картинка осталась прямоугольной?
Проверьте выбранный элемент и обрезку содержимого. У фоновой картинки нужная поверхность часто находится на обёртке, а не на теге изображения.
Можно оформить несколько типов блоков?
Да. Добавьте нужные блоки и элементы в список выбора, а область применения ограничьте их ID или общим классом.
Доступ к конструктору
Это бесплатная модификация. Войдите в аккаунт, чтобы настроить её и получить код.
