Cloud47
@Cloud47
Frontend, javascript, HTML, CSS

Как сделать подобный таймлайн?

Нужно сверстать таймлайн:

5bcc84d2efc81035401225.png
Как вертикально спозиционировать пойнты в нем? Добавляя их как картинку через свойство content не получается прописать позицию. Понятно, что есть и принципиально другие способы сверстать его, но интересен именно этот. Вот код https://codepen.io/rusl10/pen/pxKYPY
  • Вопрос задан
  • 1484 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
somanytears
@somanytears
Web-программист
Делайте через ul. Так намного проще.
Ответ написан
Комментировать
@igumenov
Я бы сделал так:
Основной фон полосы вынес бы выше к timeline__body так как полоса подстроится под кол-во элементов внутри,
а точки уже позиционировал относительно timeline__item {
top: 50%;
transform: translateY(-50%)
} только не картинкой а через обычный border сделать
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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