Как сделать линию не на всю ширину?

Question

frontAng @frontAng

CSS

Как сделать линию не на всю ширину?

как на скрине ( но все в одном псевдо)
6tk7isi8iEc.jpg?size=364x324&quality=96&sign=dfc8ff8d36ad025709212571a7cdb714&type=album

https://jsbin.com/tejapiluko/edit?html,css,output

Вопрос задан 19 сент. 2024
172 просмотра

4 комментария

Подписаться 2 Простой 4 комментария

Ivan Ustûžanin @IvanU7n

указать размер background-а

Написано 19 сент. 2024
Евгений @cyber-jet

Обязательно в одном псевдо? Обычно див делают круглым, а линию псевдо с относительным размером.

Написано 19 сент. 2024
Ankhena @Ankhena Куратор тега CSS

Сделать комбинацию из радиального и линейного градиентов. Линия-то со скруглениями.

Умнее взять SVG и не парится. Можно заинлайнить в CSS.

Написано 19 сент. 2024
frontAng @frontAng Автор вопроса

Ankhena, Нельзя использовать несколько position sticky на одной странице?
Почему то только на ios баги...

Написано 14 окт. 2024

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

HTML

+1 ещё

Средний
Как установить запрет поворота карточки флип блока в Elementor (CMS WordPress)?
- 1 подписчик
- 10 минут назад
- 4 просмотра
0

ответов
CSS

+2 ещё

Простой
Не работает css в visual studion?
- 1 подписчик
- 2 часа назад
- 35 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как добавить AutoPlay для видео в модальном окне?
- 1 подписчик
- 12 июн.
- 86 просмотров
1

ответ
JavaScript

+3 ещё

Простой
Как реализовать запуск видео на сайте по клику видео YouTube/Vimeo на bootstrap?
- 1 подписчик
- 11 июн.
- 89 просмотров
1

ответ
HTML

+1 ещё

Простой
Как сверстать такую кнопку?
- 1 подписчик
- 07 июн.
- 2211 просмотров
3

ответа
CSS

Простой
Как с помощью flex распредилить кнопки как на картинке?
- 1 подписчик
- 04 июн.
- 209 просмотров
2

ответа
CSS

Средний
Как изменить цвет элемента на сайте WordPress?
- 1 подписчик
- 31 мая
- 95 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как вычислить размер шрифта для блока div с заданным размером?
- 2 подписчика
- 31 мая
- 244 просмотра
1

ответ
JavaScript

+3 ещё

Средний
Как сделать расширенную область при наведении курсора?
- 4 подписчика
- 30 мая
- 1482 просмотра
1

ответ
CSS

Средний
Как делать такие фигуры в css?
- 1 подписчик
- 29 мая
- 173 просмотра
1

ответ
Показать ещё Загружается…

Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)

OX8.RU

от 70 000 до 150 000 ₽

Fullstack Developer под Wordpress

Future Search

от 100 000 до 150 000 ₽

Специалист по техническому сопровождению клиентов (2 линия)

Food Soul • Калининград

от 60 000 ₽

Обязательно в одном псевдо? Обычно див делают круглым, а линию псевдо с относительным размером.
Сделать комбинацию из радиального и линейного градиентов. Линия-то со скруглениями.

Умнее взять SVG и не парится. Можно заинлайнить в CSS.
Ankhena, Нельзя использовать несколько position sticky на одной странице?
Почему то только на ios баги...

Answer 1 · 2024-09-19 12:28:18

Правильнее будет создать линию и круг в двух отдельных псевдоэлементах, задав размеры и границы:

Как сделать линию не на всю ширину?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт