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

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

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

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

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

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

CSS

Простой
Как в CSS остановить одну анимацию и сразу запустить вторую для одного элемента?
- 1 подписчик
- 2 часа назад
- 18 просмотров
0

ответов
CSS

+1 ещё

Средний
Как сделать грид контейнер в коде?
- 1 подписчик
- 6 часов назад
- 33 просмотра
0

ответов
HTML

+1 ещё

Простой
Как можно во flex сетке закрасить отступы gap?
- 2 подписчика
- 20 часов назад
- 595 просмотров
1

ответ
CSS

+1 ещё

Простой
Как прижать элемент div class bl вниз Boostrap 5?
- 1 подписчик
- 22 апр.
- 102 просмотра
1

ответ
HTML

+2 ещё

Простой
Почему не срабатывает скролл?
- 1 подписчик
- 18 апр.
- 196 просмотров
1

ответ
CSS

Средний
Как повторить бордер?
- 1 подписчик
- 18 апр.
- 187 просмотров
1

ответ
CSS

Простой
Как правильно работать с background?
- 2 подписчика
- 18 апр.
- 146 просмотров
3

ответа
HTML

+4 ещё

Средний
Какие принципы нужно соблюдать при разработке фреймворков по типу Bootstrap/Tabler, UIKit и прочих?
- 1 подписчик
- 17 апр.
- 163 просмотра
3

ответа
HTML

+1 ещё

Простой
Как сделать соединение точек на сайте линиями?
- 3 подписчика
- 15 апр.
- 287 просмотров
1

ответ
CSS

Простой
Как изменить цвета текста, который поверх картинки?
- 1 подписчик
- 15 апр.
- 108 просмотров
1

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

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

OX8.RU

от 70 000 до 150 000 ₽

Специалист технической поддержки

Teachbase • Красноярск

До 55 000 ₽

Frontend разработчик

AMarkets • Москва

от 2 000 $

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

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

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

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

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

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

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

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