Thats neat. Try clicking me again, but this time, hold down the shift key as you click.
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
width 0.3s ease, height 1s linear
)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) |