1 minute read

Milestone Block

Milestone Block options:

  • Initial value – set your milestone’s starting value.
  • Target value – set your milestone’s end value.
  • Counting time – set the time of your milestone’s counting duration. Use miliseconds.
  • Prefix – you can type in any character to display it before your milestone’s value. For example “+”, “$” etc.
  • Suffix – you can type in any character to display it after your milestone’s value.
  • Text align – set the alignment of your milestone to left, center or right.
  • Font size – set your milestone’s font size in pixels.
  • Font weight – set your milestone’s font weight.
  • Color – set your milestone’s font color.
  • Preffix color – set your milestone’s preffix color.
  • Suffix color – set your milestone’s suffix color.
  • Top margin – set the bottom margin using any CSS-compatible margin value.
  • Bottom margin – set the bottom margin using any CSS-compatible margin value.
  • Animation – animate your milestone.
  • Animation delay (in milliseconds) – set animation’s delay. Use miliseconds.
  • Animate anytime this block enters the viewport – you can choose to animate the block anytime it enters the viewport, instead of only once.
  • Class – add a custom CSS class to your milestone.
  • ID – add a custom CSS ID to your milestone.
  • Style – add inline CSS style to your milestone.