Warning: Undefined array key "number_to" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 687

Warning: Undefined array key "number_from" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 689

Warning: Undefined array key "number_to" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 690

Warning: Undefined array key "duration" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 691

Warning: Undefined array key "easing" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 692

Warning: Undefined array key "number_to" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 687

Warning: Undefined array key "number_from" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 689

Warning: Undefined array key "number_to" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 690

Warning: Undefined array key "duration" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 691

Warning: Undefined array key "easing" in /home/anbinderis/domains/awesomeshortcodes.com/public_html/wp-content/plugins/awesome-shortcodes/includes/shortcodes/class-alg-awesome-shortcodes-pack-general.php on line 692

[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
duration
(optional) Duration determining how long the animation will run (in milliseconds).
Default: 4000
easing
(optional) Easing function to use for the transition. Possible values: swing, linear.
Default: swing

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>"]

Output #3

No comments yet.

Leave a Reply