Close

Timeline style 10

This is an example of a horizontal timeline view with animated icons, designed using CSS and HTML. The colors of the labels and form have been declared as var variables in CSS so the same variable can be reused in several places easily. Those values are; white:#fff, black:#000, color_1: #EA2027, color_2: #1F5295, color_3: #89b743, and color_4: #e02a6d. The body of the form is given a style set of font-family of 'Niramit', sans-serif, and display as block. Each timeline label has been assigned a color of color_1, color_2, color_3, and color_4 to get a combination of linear-gradient colors. The timeline year is given the styles of color as white, font size as 35px, and font-weight as 600, and text-align as center. The title of the label is given a style set of font size as 25px, and font-weight as 600 and the label description a style set of color as #333, and font size as 15px. A rotating animation is given to the icons by timeline-icon {transform: rotate (360deg).

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.