[number_counter]
Creates an animated number counter.
Aliases: [count]
.
Attributes
- number_to
- (required) Number we’re counting to.
- Default: None
- number_from
- (optional) Number we’re counting from.
- Default:
0
- Default:
- duration
- (optional) Duration determining how long the animation will run (in milliseconds).
- Default:
4000
- Default:
- easing
- (optional) Easing function to use for the transition. Possible values:
swing
,linear
.- Default:
swing
- Default:
Examples
Example #1
Count from 1900 to 2000 with linear
easing:
[number_counter number_from="1900" number_to="2000" duration="10000" easing="linear"]
Output #1
Example #2
Count from 1900 to 2000 with swing
easing:
[number_counter number_from="1900" number_to="2000" duration="10000" easing="swing"]
Output #2
Example #3
Count from 100 to 0:
[number_counter number_from="100" number_to="0" before="<strong>" after="</strong>"]
No comments yet.