Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
generate
@generate
...
HTML
CSS
Как делать такой задний фон?
Вообще не получается, вставляю background-color ровная линяя на заднем фоне.
В гугле ищу не могу найти как это делается, background-position тоже что то не то
И как фон налаживается на фон
Вопрос задан
более трёх лет назад
145 просмотров
7
комментариев
Подписаться
1
Простой
7
комментариев
Facebook
Вконтакте
Twitter
Антон Литвиненко
@AntonLitvinenko
Почему б не вставить тупо картинкой?
Написано
более трёх лет назад
Anton
@qant
z-index в помощь, код бы приложили на codepen, это бы ускорило процесс
Написано
более трёх лет назад
generate
@generate
Автор вопроса
Anton Semenov
, Да я вообще не понимаю как это делается какой код )
В ютубе вроде нашел через svg вставляются такие элементы
Написано
более трёх лет назад
Anton
@qant
generate
, Самое простое это просто дивы с картинками png
фон налаживается на фон по очереди, слои регулируете через css с помощью z-index
Нагуглил за вас более сложный пример:
https://codepen.io/anseme/pen/bGpLbPa
Если хочется понять принцип работы, читайте код
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
Этот фон разумнее всего сохранить/нарисовать как SVG.
И поставить его как background.
Написано
более трёх лет назад
BrTiam
@BrTiam
Антон Литвиненко
, согласен!
Написано
более трёх лет назад
Rerurk
@Rerurk
1.Берете Corel, там все рисуете.
2. Сохранить как svg
3. Вставляете через svg boxview
Ps : будут маленькие танцы с бубном
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Олег
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Попробуй изучить
canvas
. Зная математику, все гораздо проще, чем тот же SVG.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
11 часов назад
34 просмотра
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
13 часов назад
97 просмотров
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
вчера
149 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Как реализовать обновление цены?
1 подписчик
29 мар.
123 просмотра
0
ответов
HTML
+1 ещё
Простой
Почему видеофайл не доступен напрямую в браузере?
1 подписчик
29 мар.
116 просмотров
3
ответа
HTML
+1 ещё
Простой
Как наложить на фон ещё объекты с текстом внутри?
1 подписчик
27 мар.
123 просмотра
0
ответов
HTML
+2 ещё
Простой
Как просмотреть скрытый sitemap.xml?
1 подписчик
27 мар.
131 просмотр
2
ответа
JavaScript
+1 ещё
Простой
Как заново включить анимацию картинке?
1 подписчик
26 мар.
107 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать такой слайдер товаров?
1 подписчик
25 мар.
174 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы текст был обернут линией?
1 подписчик
25 мар.
134 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Парсер для сайта
Rotormine
от 10 000 до 100 000 ₽
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама