Codepen - Learn to create a simple timeline using CSS
Timeline UI design is a common UI in many applications. The design differs based on the application need.
Example,
- Github have a daily calendar like timeline
- Most CV sites have timeline about your career progress based on month and year
This codepen timeline is off second type where you have lesser number of activities in a timeline,
Vertical timeline
https://codepen.io/Param-Harrison/pen/mdVLywP
The content is bit old but still relevant to make a dead simple CSS timeline.
What I learned from the pen,
- Idea to create vertical timeline using SCSS
Note: The code is not well optimized, learn it only for making the component.