Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
KRHD
@KRHD
HTML
CSS
Как сделать такое?
Как сделать такое?
Вопрос задан
более трёх лет назад
255 просмотров
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
Lord_Dantes
@Lord_Dantes
Делайте блоку фикс высоту и оверфлоу хиддер, и потом внутренняя тень белая и всьо
Написано
более трёх лет назад
Решения вопроса
3
Владимир Проскурин
@Vlad_IT
Куратор тега CSS
Front-end разработчик
Удобнее всего, псевдоэлемент after с градиентом. Тень не очень удобно, т.к. по бокам будет немного торчать.
Ответ написан
более трёх лет назад
Комментировать
Нравится
5
Комментировать
Facebook
Вконтакте
Twitter
Ragtime Kitty
@Ragtime_Kitty
Можно еще через маску, если фон будет не сплошным цветом.
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
5
Комментировать
Facebook
Вконтакте
Twitter
Roman Chuvilev
@FrontEndTarot
Front-end developer
Делал такое в нашем чате через псевдоэлемент ::after с бэкграунд-градиентом. На ::after можно еще разворот комментария по клику повесить и content-текст с иконкой разворачивания.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Как сделать так, чтобы карточка была по размеру контента, если его немного?
1 подписчик
7 часов назад
58 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли на сегодня какое-нибудь решение выделить инпут по focus-visible?
1 подписчик
13 часов назад
58 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
22 часа назад
83 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
вчера
156 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
вчера
90 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
11 мар.
183 просмотра
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
11 мар.
90 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
870 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
140 просмотров
2
ответа
JavaScript
+1 ещё
Средний
Сканирование QR в поле input. Как реализовать блокировку нажатия клавиш клавиатуры?
1 подписчик
06 мар.
140 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Парсер для сайта
Rotormine
от 10 000 до 100 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама