proxymoron

Hole

Having too much fun with these CSS animations to stop.

A Pen by Hakim El Hattab on CodePen.

License.

proxymoron

CSS Spinner Animation

A Pen by Hakim El Hattab on CodePen.

License.

proxymoron

Flipside

A button that seamlessly transitions into a yes/no confirmation.

Forked from Hakim El Hattab's Pen Flipside.

A Pen by Kai Smith on CodePen.

License.

proxymoron

Apple zoom out effect

Forked from Marius Balaj's Pen Apple zoom out effect.

A Pen by Gregor Adams on CodePen.

License.

proxymoron

<input data-idx='1' type='range' min='0' value='25' max='100'/>
<input data-idx='2' type='range' min='0' value='50' max='100'/>
<input data-idx='3' type='range' min='0' value='90' max='100'/>

proxymoron

<input type='range' data-idx='1' data-prev='' value='15'/>

<input type='range' data-idx='2' data-prev='' value='45'/>

<input type='range' data-idx='3' data-prev='' value='40'/>

proxymoron

<input type='range' />

proxymoron

<input type='range' data-idx='1' data-prev='' value='60'/>

<input type='range' data-idx='2' data-prev='' value='85'/>

proxymoron

<input type='range' value='70' />

proxymoron

<input type='range' id='r1' min='1' value='2' max='12' step='1' />
<input type='range' id='r2' min='1' value='3' max='12' step='1' />
<input type='range' id='r3' min='50' value='60' max='160' step='10' />