Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
frontend-noob
@frontend-noob
HTML
CSS
Веб-разработка
Как сделать эту крутую штуку на CSS?
Кривая фиолетовая линия, возможно ли реализовать на CSS ?
Вопрос задан
более трёх лет назад
779 просмотров
1
комментарий
Подписаться
4
Оценить
1
комментарий
Facebook
Вконтакте
Twitter
Алекс
@astrodeep
пока нет)) используйте canvas
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Ivan Bogachev
@sfi0zy
Куратор тега CSS
Creative frontend developer
На чистом CSS такое сделать не получится. Проще всего использовать волну (верхнюю ее часть) в виде SVG картинки (
пример
). Надеюсь проблем с тем, чтобы нарисовать ее одной кривой, не возникнет.
Ответ написан
более трёх лет назад
2
комментария
Нравится
5
2
комментария
Facebook
Вконтакте
Twitter
Иван
@Za0r
А как вообще научиться такое делать в svg? Это самому ручками писать надо,или же в редакторе каком-то?
Написано
более трёх лет назад
Ivan Bogachev
@sfi0zy
Куратор тега CSS
Иван
: В любом векторном графическом редакторе.
Написано
более трёх лет назад
Boris Köln
@BorisKorobkov
Web developer
Проще сделать на svg.
Если же надо на чистом css - можно поверх фиолетового прямоугольника сделать большой белый div с rotate и border-radius.
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
15 часов назад
95 просмотров
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
191 просмотр
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
128 просмотров
1
ответ
HTML
+1 ещё
Простой
Как в руководстве steam сделать обтекающий картинку текст?
1 подписчик
08 окт.
123 просмотра
1
ответ
Веб-разработка
+1 ещё
Средний
Как корректно реализовывать согласие пользователя на обработку персональных данных, в связи с новыми правками?
6 подписчиков
03 окт.
663 просмотра
3
ответа
Веб-разработка
Простой
На сколько важно использовать услугу «Настройка защищенного соединения» от Timeweb?
2 подписчика
03 окт.
203 просмотра
3
ответа
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
100 просмотров
1
ответ
HTML
+1 ещё
Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
1 подписчик
30 сент.
142 просмотра
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
2 подписчика
26 сент.
153 просмотра
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
206 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Backend разработчик
Страна карт
•
Киров
от 150 000 до 250 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама