Close

Simple horizontal HR timeline

This is a template of a horizontal timeline designed with the use of HTML and CSS. The timeline has the styles of display as flex, align items as center and height as 500px whereas events have the style of position as relative. The event bubble has the styles of position as absolute, background color as rgba(158, 158, 158, 0.1), width as 139px, height as 60px, top as -70px, left as -15px, border radius as 5px and box shadow as inset 0 0 5px rgba(158, 158, 158, 0.64).. Day digit has the styles of font size as 27px, font family as "Arial Black", Gadget, sans-serif, margin left as 10px and color as #4C4A4A. Day class has the styles of font size as 11px, margin left as 5px, font weight as bold, and margin top as 10px, font family as Arial, Helvetica, sans-serif and color as #4C4A4A. Source: https://codepen.io/yourinium/pen/adMoyv

Post Comment or Questions

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

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.