Linha do tempo vertical responsiva com CSS

<a href=” http://christian-fei.com/tutorials/simple-vertical-timeline-with-css/”> Para obter mais informações, confira este tutorial </a>

Com Timeline.css, você pode criar uma bela linha do tempo com o mínimo de esforço. Já mencionei que ela também é responsiva?

Uma demonstração rápida:
Cenário

A estrutura é fácil como uma torta.
Elementos e classes usados ​​por Timeline.css:

  • um elemento para envolver a linha do tempo (classe CSS .timeline)
  • um elemento apenas para criar a linha no centro da linha do tempo (classe CSS .line) para exibir um delimitador para um novo ano, crie um elemento exatamente onde você deseja que apareça com a classe CSS .year
  • e finalmente seus eventos, entradas etc. são identificados pela classe CSS .entry ou .event, como você preferir

<a href=” http://christian-fei.com/tutorials/simple-vertical-timeline-with-css/”> Para obter mais informações, confira este tutorial </a>