Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Qairat
@Qairat
frontend developer, angular 2+
HTML
CSS
Как сделать такой фон?
Всем привет!
Посмотрите пожалуйста, на следующие изображение:
как делается это на css? И как это называется?
Спасибо.
Вопрос задан
более трёх лет назад
321 просмотр
5
комментариев
Подписаться
1
Оценить
5
комментариев
Facebook
Вконтакте
Twitter
Hyubert
@Hyubert
два блока (левый и правый) + градиент и прозрачность для дополнительных блоков (МНПЗ и ЯНОС), ну и бордер для них же или их отдельно, тут уже на ваше усмотрение.
Написано
более трёх лет назад
Qairat
@Qairat
Автор вопроса
Hyubert
: и в конце поставить сверху белые линии?
Написано
более трёх лет назад
Hyubert
@Hyubert
Qairat Batyrbayev
: спозиционировать их
Написано
более трёх лет назад
Qairat
@Qairat
Автор вопроса
Hyubert
: Посмотрите пож-а что у меня получилось. Правильно ли сделал?
код
Написано
более трёх лет назад
Hyubert
@Hyubert
Qairat Batyrbayev
: только 1 замечание - если позиционириете то используйте top или bottom, а не margin. Рекомендую прочесть о каждом
свойстве
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Grigory S.
@ggdev
Градиент
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Павел
@PavelMonro
Есть даже генераторы такого добра в онлайне, гуглятся по запросу Css 3 gradients
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Средний
Как определить операционную систему из скрипта вложенного в html документ?
1 подписчик
4 часа назад
65 просмотров
3
ответа
CSS
+1 ещё
Простой
Почему при dispalay:grid ломается обводка блока через svg?
1 подписчик
7 часов назад
65 просмотров
1
ответ
HTML
Простой
Как сделать на сайте цитаты, как в Telegram?
3 подписчика
18 часов назад
569 просмотров
2
ответа
PHP
+1 ещё
Простой
Как получить id от button?
1 подписчик
22 часа назад
146 просмотров
1
ответ
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
вчера
86 просмотров
2
ответа
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
31 мар.
53 просмотра
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
31 мар.
129 просмотров
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
181 просмотр
0
ответов
JavaScript
+3 ещё
Простой
Как реализовать обновление цены?
1 подписчик
29 мар.
157 просмотров
0
ответов
HTML
+1 ещё
Простой
Почему видеофайл не доступен напрямую в браузере?
1 подписчик
29 мар.
133 просмотра
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Парсер для сайта
Rotormine
от 10 000 до 100 000 ₽
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама