🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. Puff the Magic Countdown (CSS3)

Puff the Magic Countdown (CSS3)

Part of a 2-part exploration of puff animations with number transitions, using either jQuery UI's puff transition or CSS3 transition/opacity.

Countdown
Demo Tutorial

See the Pen by scottpdawson (@scottpdawson) on CodePen.

This awesome script developed by scottpdawson. Visit their official repository for more information and follow for future updates.

You May Also Like

Animated jQuery Number Counter Plugin - Numinate

Simple jQuery Digital Countdown Timer Plugin

Beautiful & Lightweight Countdown Plugin

jQuery Retro Flip Clock & Countdown Timer Plugin - FlipClock

Vintage Flip Clock Style Countdown & Timer Plugin For jQuery - flipcountdown

jQuery Plugin For Countdown & Count Up Timer - runner

Versatile jQuery Countdown Timer Plugin - Countdown

Simple Slick jQuery Countdown Timer Plugin

Basic jQuery Countdown Clock Plugin - revolver.js

Create A Sweet Pregnancy Countdown Ticker with jQuery Tictic Plugin

LED Display-Style jQuery Countdown & Clock Plugin - ClassyLED

Slick Circular jQuery Countdown Plugin - Classy Countdown

Flip Clock-Style jQuery Countdown & Count Up Timer Plugin - flipTimer

jQuery Full Controllable Countdown Timer Plugin - Backward Timer

Simple Round Countdown Timer Plugin For jQuery

jQuery Relative Time Countdown Plugin - text-countdown.js

Flip Clock Countdown & Countup Plugin with jQuery - Counter

jQuery Based JavaScript Timers Replacement - Timer

Slim Countdown Timer Plugin with jQuery - DownCount

Plain Text Countdown Timer with jQuery and Moment.js - Countdown Clock

Modern Circular jQuery Countdown Timer Plugin - Final Countdown

Multipurpose jQuery Counter / Timer Plugin - Missofis

Cool Mechanical Scoreboard Style Countdown Plugin For jQuery - Countdown

Circular Pie-Style Countdown Timer Plugin with jQuery - Pietimer

Simple jQuery Plugin For Counting Time Up and Down - countTo

jQuery Plugin To Create Countdown Timers In Action Buttons - UndoCountdown

Simple Number Increment Animation with jQuery - countTo

Simple Versatile jQuery Timer Plugin - Workout Timer

Minimal Digital Countdown Plugin with jQuery and Moment.js

SVG Based Circular Timer Plugin For jQuery - Circle Timer

Simple jQuery Counter & Timer Plugin - countid

Simple jQuery Animated Counter With Easing Support - SimpleCounter.js

Minimal Date & Time Countdown Widget with jQuery UI - timeLeft

Simple jQuery & Html5 Based 360 Degree Countdown Timer - countdown360

Circular Countdown Clock Plugin For jQuery - CircularCountDownJs

Minimal jQuery Any Date Countdown Timer Plugin - countdown

Minimal Countdown Plugin With jQuery And Moment.js - downtime-timer

Small jQuery Number Counter Plugin with Easing Effects - counter.js

Minimal HTML5 Countdown Timer Plugin For jQuery - Rooster

Minimal Countdown Timer Library For jQuery - uiTimeBomb

Minimalist jQuery Countdown Timer Plugin - countdown.js

Lightweight Event-based jQuery Countdown Timer Plugin - vtimer

Pie Chart-like Circular Timer With jQuery And SVG - polartimer.js

Minimal Hexagon Countdown Timer With jQuery And SVG - SVG Timer

jQuery Plugin To Create A Countdown Timer In Milliseconds - yuukCountdown.js

Customizable Countdown Timer Plugin For jQuery - countdown

Scoreboard Like Flipping Countdown Clock For jQuery - npy-scorecount.js

Easy Digital Countdown Timer Plugin For jQuery - simpleTimer

Easy Digital Countdown Clock Plugin With jQuery - countdown-js

Animated Number Counter Plugin For jQuery - animationCounter.js

Easy Digital Countdown Clock Plugin With jQuery

LED Display Style Countdown Clock Plugin - jQuery LED.js

Animated Counter Plugin With jQuery And GSAP - lem_counter

Colorful Countdown Timer - jQuery C3Counter

Animate Counting To A Specified Number - jQuery Counter

Animated and Responsive jQuery Countdown Timer Plugin - mbCoimingsoon

Show Promotional Offers With Countdown Timer - epcounter

Easy & Styleable jQuery Countdown Plugin - Countdown.js

Countdown From Any Time To Zero - jQuery.Countdown.js

Minimal jQuery Countdown Plugin with Custom Timezone - Countdown Clock

Minimalist Countdown Timer Plugin With jQuery

Countdown From A Date To Another Date - jQuery PsgTimer

Countdown Clock With Specific Timezone - countdown.jquery.js

Tiny jQuery-Compatible Countdown JavaScript Library - simplyCountdown.js

flipclock

Looping Countdown Timer

Countdown

Countdown

canvas countdown circles

Christmas Countdown

jQuery Plugins

AngularJs Plugins