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

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 ещё

Простой
Как добавить оттенки на фоне как на макете?
- 1 подписчик
- 12 часов назад
- 24 просмотра
0

ответов
HTML

+1 ещё

Простой
Прозрачный DIV перекрывает элемент под ним?
- 1 подписчик
- вчера
- 99 просмотров
1

ответ
CSS

+3 ещё

Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
- 1 подписчик
- 25 июл.
- 51 просмотр
0

ответов
JavaScript

+2 ещё

Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
- 1 подписчик
- 24 июл.
- 52 просмотра
0

ответов
CSS

Простой
Как выровнять крестик?
- 1 подписчик
- 23 июл.
- 101 просмотр
1

ответ
CSS

Простой
Как решить проблему с наложением в сафари?
- 2 подписчика
- 22 июл.
- 293 просмотра
1

ответ
CSS

Простой
Что поправить в градиенте?
- 1 подписчик
- 21 июл.
- 99 просмотров
0

ответов
HTML

+1 ещё

Простой
Как прижать нижние колонки к низу родительского блока?
- 5 подписчиков
- 19 июл.
- 2004 просмотра
3

ответа
CSS

+2 ещё

Средний
Как создать фотогалерею с неявной сеткой в CSS?
- 1 подписчик
- 18 июл.
- 104 просмотра
2

ответа
CSS

Простой
Есть ли кроосбраузерный способ убрать абзац?
- 1 подписчик
- 18 июл.
- 118 просмотров
0

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

HTML-верстальщик (HTML/CSS/JavaScript)

CleanTalk

от 100 000 ₽

Разработчик Vue.js

Совкомбанк Технологии • Красноярск

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

Vortex • Москва

от 300 000 до 350 000 ₽

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

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

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

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

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

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

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

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