Mini Timelines

Timelines in CSS, using box-shadow for the tick marks. Mostly intended for age comparisons in genealogy.

Style 1

Tick marks every 10 years. Goes to 100 years.

45 years

31 years

Like style 1, but colored. (First is solid, second is semi-transparent.)

89 years

16 years

Like style 1, but with a bordered, semi-transparent bar.

73 years

69 years

Shades every other ten years.

25 years

66 years

Shades every other ten years, lines every ten years.

75 years

22 years

Shades every other five years, lines every ten years.

53 years

49 years

Thick bars.

45 years

31 years

Thick bars with gradient.

45 years

31 years