Gradient Timline Progressbar In Pure CSS | CSS Script
Sat Jan 01 2022 07:04:03 GMT+0000 (Coordinated Universal Time)
Saved by
@wnakswl
<section class="timeline">
<div class="container">
<div class="timeline__wrapper">
<div class="timeline__progressbar"></div>
<div class="timeline__block">
<div class="timeline__block__bullet-point">
<span class="timeline__block__circle"></span>
</div>
<div class="timeline__block__head">
<h1 class="timeline__block__title">January 2020</h1>
</div>
<div class="timeline__block__body">
<p class="timeline__block__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio nihil id animi et ipsum itaque veniam minima aliquid ad expedita.</p>
<p class="timeline__block__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio nihil id animi et ipsum itaque veniam minima aliquid ad expedita.</p>
</div>
</div>
<div class="timeline__block">
<div class="timeline__block__bullet-point">
<span class="timeline__block__circle"></span>
</div>
<div class="timeline__block__head">
<h1 class="timeline__block__title">February 2020</h1>
</div>
<div class="timeline__block__body">
<p class="timeline__block__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio nihil id animi et ipsum itaque veniam minima aliquid ad expedita.</p>
<p class="timeline__block__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio nihil id animi et ipsum itaque veniam minima aliquid ad expedita.</p>
</div>
</div>
...
<div class="timeline__hider"></div>
</div>
</div>
</section>
content_copyCOPY
https://www.cssscript.com/gradient-timline-progressbar/
Comments