Центрировать фоновое изображение, которое представляет собой вставку HTML — Пользовательский код — Forum
Anastasiia_G (Анастасия Грианченко)
1
Привет, ребята,
Я делаю целевую страницу с разделом героев с эффектом водной ряби, используя клонируемый проект https://webflow.com/website/js-ripple-effect?s=js-ripple-effect и я была проблема с центрированием фонового изображения.
https://water-ripple-effect-0e0d58.webflow.io/ В мобильной версии вы можете видеть только левую часть используемого изображения, и мне нужно отцентрировать ее. Я плохо разбираюсь в коде (о, если бы я этого не делал), поэтому я прошу любой помощи с этим пользовательским кодом.
Ссылка на мой проект здесь: https://preview.
webflow.com/preview/water-ripple-effect-0e0d58?utm_medium=preview_link&utm_source=designer&utm_content=water-ripple-effect-0e0d58&preview=180b8087ce3fe8b25289c65385e3f0de&mode=preview0005
Буду признателен за любую помощь или информацию. Спасибо!
КрисТ
2
Привет Анастасия,
позиционирование вашего фонового изображения должно быть установлено по-другому.
Попробуйте эту вставку:
Изменено с «слева вверху» на «в центре вверху».
1 Нравится
Анастасия_Г (Анастасия Грианченко)
3
Крис, большое спасибо!!! Он работает идеально!
О, если бы вы могли представить мое облегчение сейчас СПАСИБО!
КрисТ
4
Ха-ха, добро пожаловать!
Кстати, неплохой эффект, хотелось бы увидеть конечный сайт, если вы не против поделиться им.
1 Нравится
5
Спасибо @ChrisT !!!
Работает действительно отлично!!!
Выровнять значок по центру на белом фоне простое векторное изображение
Выровнять значок по центру на белом фоне простое векторное изображение- лицензионные векторы
- телефон векторов
ЛицензияПодробнее
Стандарт Вы можете использовать вектор в личных и коммерческих целях. Расширенный Вы можете использовать вектор на предметах для перепродажи и печати по требованию. Тип лицензии определяет, как вы можете использовать этот образ.| Станд. | Расшир. | |
|---|---|---|
| Печатный / редакционный | ||
| Графический дизайн | ||
| Веб-дизайн | ||
| Социальные сети | ||
| Редактировать и изменять | ||
| Многопользовательский | ||
| Предметы перепродажи | ||
| Печать по запросу |
Владение Узнать больше
Эксклюзивный Если вы хотите купить исключительно этот вектор, отправьте художнику запрос ниже: Хотите, чтобы это векторное изображение было только у вас? Эксклюзивный выкуп обеспечивает все права этого вектора.
Мы удалим этот вектор из нашей библиотеки, а художник прекратит продажу работ.
Способы покупкиСравнить
Плата за изображение $ 14,99 Кредиты $ 1,00 Подписка $ 0,69Оплатить стандартные лицензии можно тремя способами. Цены $ $ .
| Оплата с помощью | Цена изображения |
|---|---|
| Плата за изображение $ 14,99 Одноразовый платеж | |
| Предоплаченные кредиты $ 1 Загружайте изображения по запросу (1 кредит = 1 доллар США). Минимальная покупка 30р. | |
| План подписки От 69 центов Выберите месячный план. Неиспользованные загрузки автоматически переносятся на следующий месяц. | |
Способы покупкиСравнить
Плата за изображение $ 39,99 Кредиты $ 30,00 Существует два способа оплаты расширенных лицензий.