Задать вопрос

Как сделать такой timeline CSS?

Подскажите пожалуйста, как такую линию изогнутою сделать, что б при адаптиве нормально себе чувствовала
Вот
скрин
5eecad456b524838833911.png


UP что б с такой анимацией timeline https://picnichealth.com/
Есть ли плагин какой то , очень крутая идея, много где видел
  • Вопрос задан
  • 1337 просмотров
Подписаться 5 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Эта "линия" называется - timeline.
Выбирайте на любой вкус -
https://codepen.io/search/pens?q=timeline&__cf_chl...
https://html5css.ru/howto/howto_css_timeline.php
Ответ написан
Комментировать
dimovich85
@dimovich85 Куратор тега CSS
https://u-academy.net/
Это список. Тегу ul задаете скругление и бордеры слева и снизу. Псевдоэлементом делаете стрелку позиционируете внизу справа, паддингами защищаете пространство внизу родителя.
Элементам списка - li - даете нужное оформление, внутри делаете тег с датой, и его позиционируете относительно тега li, выносите его на границу родителя, даете скругление 50%, границу и фон и все остальное.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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