Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Илья
@Rimush
JavaScript
HTML
CSS
Как нарисовать косую линию с тенью в HTML?
Такое реально сделать?
И что бы оно еще рисовалось на всю ширину окна.
Вопрос задан
более трёх лет назад
624 просмотра
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
trushka
@trushka
https://jsfiddle.net/trushka/k6ft6yac/2/
Вот так примерно можно. Ну, если надо, чтоб нижняя полоса была постоянной ширины, то её можно сверху наложить с помощью ::after и transform: skewY(). Ну, и вторую (нижнюю) тень задать уже этому элементу
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
2
dom1n1k
@dom1n1k
Фильтр drop-shadow (в отличие от box-shadow) умеет отбрасывать тень от любых форм, включая всякие диагонали.
Хотя я рассмотрел бы самый тупой вариант - сделать этот блок просто фоновой картинкой.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Двухцветный градиент под углом + SVG clip-path (чтобы вырезать) и затем тень.
(думаю, что такой порядок)
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Как сделать роутинг на чистом JS?
1 подписчик
16 мая
195 просмотров
2
ответа
JavaScript
+2 ещё
Простой
Почему не срабатывает удаление класса?
1 подписчик
15 мая
146 просмотров
2
ответа
HTML
+1 ещё
Простой
Как сделать нестандартную рамку?
1 подписчик
14 мая
136 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Почему не подгружаются стили в PrimeVue?
1 подписчик
13 мая
72 просмотра
0
ответов
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
748 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Не отображается модель в three.js, что делать?
2 подписчика
10 мая
1107 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Почему кука обрезается на 330 символов?
1 подписчик
10 мая
207 просмотров
3
ответа
JavaScript
+1 ещё
Средний
Как обрабатывать события браузера на смартфоне/планшете?
1 подписчик
09 мая
152 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как сделать форму обратной связи на сайте с отправкой на Whatsapp?
2 подписчика
09 мая
1630 просмотров
3
ответа
JavaScript
+1 ещё
Простой
Как улучшить OCR-парсер билетов на основе Tesseract.js?
2 подписчика
08 мая
1958 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 30 000 до 80 000 ₽
Fullstack JavaScript разработчик
Wanted.
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама