slow.js

Click to Demo Click to Download (3.8kb) Click to Download Minified (1.5kb)

About

slow.js is a small script used to slow down CSS transition durations by a predefined factor on a key press event.

Disclaimer: This only works (for now) in Chrome, Safari, and Firefox browsers

How To: Hold down shift before interacting with any CSS transitions and they will be (hopefully) slowed down.

To quickly see what is happening, open up your chrom dev tools, click the elements tab, and press shift

Features

Public API

Listening

slow.listen({
    keyCode: 16,
    multiplier: 2
});
Paramater Type Default Description
keyCode int 16 The character code from e.which you want to listen for
multiplier int 2 The number to multiply the transitions by (2 = twice as slow as normal)

Changelog

Version 1.0 (Initial Release)

Notes

Enjoy

Me Codesta