deals

premiumpacks & css counter (11 items)

List with a very useful set of snippets for creating a counter in pure CSS.

freebies

The idea for this four minute timer came to Docrock's mind because he hated long meetings, so he decided to write this countdown in pure CSS. It wo...

The idea for this four minute timer came to Docrock's mind because he hated long meetings, so he decided to write this countdown in pure CSS. It works alright, but you might want to fix the minute timer before putting this to good use. The project is hosted at CodePen if you wish to grab the code.

This is an interesting tutorial in which the author, Martin Angelov, is going to make a colorful jQuery & CSS clock, which will help you keep track...

This is an interesting tutorial in which the author, Martin Angelov, is going to make a colorful jQuery & CSS clock, which will help you keep track of those precious last seconds of the year. The tutorial explains everything step by step — the addition of the XHTML, the CSS, and the jQuery — all complemented with pictures and code snippets.

This is a nice tweet counter that lets you know the amount of tweets a particular post has. It is composed of a button that activates on click, wit...

This is a nice tweet counter that lets you know the amount of tweets a particular post has. It is composed of a button that activates on click, with a flip effect. It has a minimal style and has been created with HTML, CSS and JavaScript by Theodore Vorillas.

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

This awesome numeric counter was written in JavaScript and contains a smooth, attractive 3D flip-clock-like resembling those old alarm clocks, maki...

This awesome numeric counter was written in JavaScript and contains a smooth, attractive 3D flip-clock-like resembling those old alarm clocks, making its animation values switch. It is a skeuomorphic element, so it works better with sites that have a realistic design instead of a flat one.

The Code Player brings us this example on how to make a stopwatch using only CSS3 (no javascript or images needed). It centers on step-based CSS3 k...

The Code Player brings us this example on how to make a stopwatch using only CSS3 (no javascript or images needed). It centers on step-based CSS3 keyframe animations and the animation-play-state property to make the start, stop and reset buttons work. The code can be modified to be used with timers, countdowns, counters, etc.

This is a simple, interactive countdown timer made in jQuery. The idea is quite basic: You select how much time...

This is a simple, interactive countdown timer made in jQuery. The idea is quite basic: You select how much time you want to count down (including months, days, hours, minutes and seconds), hit start and the clock will start to go down. The project is hosted in JSFiddle if you want to take a look.

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video prod...

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video production to web design and presentations! Only $19!

Uploaded to CodePen by Jack Rugile, this basic clock ticker features smooth animations and a sober look that can always be modified through CSS. It...

Uploaded to CodePen by Jack Rugile, this basic clock ticker features smooth animations and a sober look that can always be modified through CSS. It has been created with HAML, SASS and CoffeeScript, and resembles those old alarm clocks, giving your website a nice retro look.

A clock like counter made by Mathias Paumgarten in Codepen. It counts until 100, but it is more decorative than functional, although some improveme...

A clock like counter made by Mathias Paumgarten in Codepen. It counts until 100, but it is more decorative than functional, although some improvement in functionality can be done by improving the JavaScript, HTML and SCSS included.

This simple counter displays any number that is entered into the number variable. This number can be passed on to it a number of ways, which makes ...

This simple counter displays any number that is entered into the number variable. This number can be passed on to it a number of ways, which makes this tool useful for displaying statistic data like visitors, page views and other analytics. It is done with the combined power of CSS and JavaScript by Codepen's Montana Flynn.

Exclusive Deal LStore Graphics: Smart UI/UX Design System, UI Kits & Templates For Sketch & Photoshop

Exclusive Deal LStore Graphics: Smart UI/UX Design System, UI Kits & Templates For Sketch & Photoshop

This countdown counter resembles, in a more contemporary way, those counters that use to appear at the beginning of old movies. It is colorful, has...

This countdown counter resembles, in a more contemporary way, those counters that use to appear at the beginning of old movies. It is colorful, has a flat style, and it  is perfect for games or fun apps. It has been created with HTML and CSS by Codepen's user richardlazear.

Corey Bruyere from CodePen created this simple yet fancy-looking countdown timer that displays a big block with the days remaining on the top of th...

Corey Bruyere from CodePen created this simple yet fancy-looking countdown timer that displays a big block with the days remaining on the top of the structure and the hours, minutes and seconds in smaller boxes on the bottom plus a nice background that blends in really well, although you can always grab the code and modify it.