Icon Box to animate similar to Icon List

No worries – I found a different solution for the client to just have them be images that poped up versus icons.

Okay, so maybe there’s not a way to make each animate at a different time, but I’d like to make the animated numbers animate more slowly. I’m looking for where the CSS is that dictates how fast the numbers animate and can’t find anything… is it a function or something?

Thank you. That delays how long it takes to start to animating, and now I’m looking for each number to increment more slowly.

Below the function I modified I see this function and I’m curious how I might edit the math there to have the numbers increment slower?

		return this.each(function()
		{
			var number_container = $(this), elements = number_container.find('.avia-single-number'), countTimer = number_container.data('timer') || 3000;
			
			//prepare elements
			elements.each(function(i)
			{
				var element = $(this), text = element.text();
				if(window.addEventListener) element.text( text.replace(/./g, "0")); /*https://github.com/AviaThemes/wp-themes/issues/812*/
			});
			
			//trigger number animation
			number_container.addClass('number_prepared').on('avia_start_animation', function()
			{
				elements.each(function(i)
				{
					var element = $(this), countTo = element.data('number'), fakeCountTo = countTo, current = parseInt(element.text(),10), zeroOnly = /^0+$/.test(countTo), increment = 0;
					
					
					//fallback for decimals like 00 or 000
					if(zeroOnly && countTo !== 0) fakeCountTo = countTo.replace(/0/g, '9');
					
					increment = Math.round( fakeCountTo * 32 / countTimer);
					if(increment == 0 || increment % 10 == 0) increment += 1;
					
					setTimeout(function(){ start_count(element, countTo, increment, current, fakeCountTo);}, 300);
				});
			});
		});