Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
generate
@generate
...
HTML
CSS
Как делать такой задний фон?
Вообще не получается, вставляю background-color ровная линяя на заднем фоне.
В гугле ищу не могу найти как это делается, background-position тоже что то не то
И как фон налаживается на фон
Вопрос задан
более трёх лет назад
147 просмотров
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 : будут маленькие танцы с бубном
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Олег
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Попробуй изучить
canvas
. Зная математику, все гораздо проще, чем тот же SVG.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
20 окт.
131 просмотр
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
196 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
130 просмотров
1
ответ
HTML
+1 ещё
Простой
Как в руководстве steam сделать обтекающий картинку текст?
1 подписчик
08 окт.
124 просмотра
1
ответ
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
103 просмотра
1
ответ
HTML
+1 ещё
Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
1 подписчик
30 сент.
146 просмотров
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
2 подписчика
26 сент.
154 просмотра
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
207 просмотров
2
ответа
HTML
+1 ещё
Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
1 подписчик
24 сент.
451 просмотр
2
ответа
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
176 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама