Slow.js

Make your CSS transitions go in slow motion (like Mac animations)

Website:https://github.com/jakiestfu/Slow.js

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.