Did you know that you can outsource your payroll? Many business owners are hesitant to outsource this vital task, but doing so has many benefits. Here are four benefits to outsourcing your payroll.
Every company strives to please its consumers. A business uses its resources and strengths to amplify sales, recognition, and growth. […]
Mobile app development is a process of creating mobile apps with the use of computer programming languages, tools and software. […]
PHP is one of the most popular programming languages and has been around for over two decades worldwide. PHP has […]
Within the last decade, the term AI vs machine learning has become buzzwords that are often discussed together, and the […]
Have you ever seen videos where it appears as though someone is discussing something while writing a story on a […]
As the world moves through its third year of the pandemic, remote working is here to stay as it revolutionises […]
Many of you pursuing student life have a high desire to do jobs. In this case, you can’t get enough […]
Animated number counters are seen on many landing pages. They bring a cool effect (movement) to the page and convey some important information or quick facts in numbers.
There are limitless ways to put the number counters to use. Could be projects done, clients, staff, lines of code, etc.
We used 4 animated number counters in Oxygen, when redesigning our landing page for PIT Designs & Consultancy - Melbourne Web Design.
So let's get started with a step by step tutorial on how to create this cool element in Oxygen, using JS and CSS for styling.
Table of Contents
Add Counter-Up JS
Include Both JS in Code Box
The second is this
jQuery to Trigger the Effect
This jQuery basically calls the counter up script we added in step one. Which makes the whole thing work.
Add the Numbers
Add text element, and give it a class of fancycount. as shown in the above image.
since you will be using the same class for all text elements, styling one of them, will apply to all.
For any further questions, leave a comment below.