Slow.js

Slow Motion CSS

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.

Features

• Linted: Valid JS
• No dependencies
• Caches elements with transitions
• Support for multiple transition speeds
  • (i.e. width 0.3s ease, height 1s linear)

Usage

slow.listen({
    keyCode: 16,
    multiplier: 2
});

This will make all CSS transition durations twice as long when the shift key is pressed.