Close

Timeline style 6

This is an example of a horizontal timeline view with animated icons, designed using CSS and HTML. The body of the timeline is given a font-family of 'PT Sans', sans-serif. The timeline years have been given an initial style set of height and width as 20px and position as absolute. The inner content of the label is given a color of #fff7e2 and a padding of 20px 10px 10px. The icons are given an animation of transform: rotateY(360deg), in a hover event. Each timeline label has been assigned a color of #EA2027, #1B1464, #EE5A24, and #009432, respectively. The title of the label is given a style set of font size as 25px, font-weight as 600, and margin as 0 0 15px 0. The label description has been given a style set of font size as 15px, color as #333, and letter spacing as 1px. The icons have been imported to the form with the CSS framework Font Awesome.

Post Comment or Questions

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

Your email address will not be published.