proxymoron

<input type='range' value='46'>

proxymoron

<input type='range' min='1' max='6' value='4' step='1' class='val' id='r1'/>
<input type='range' class='val fill' id='r2'/>
<input type='range' min='1' max='3' value='1' step='1'/>

proxymoron

<input type='range' min='0' max='32' step='1' value='20'/>
<input type='range' min='0' max='32' step='1' value='7'/>
<input type='range' min='0' max='32' step='1' value='5'/>
<input type='range' min='0' max='32' step='1' value='8'/>

proxymoron

<input type='range' id='r1' class='tip fill fill-replace' 
       value='7' min='1' max='13' />
<input type='range' id='r2' class='tip fill' 
       value='60' />
<input type='range' id='r3' class='tip' 
       value='25' step='25' />
<input type='range' id='r4' class='fill' 
       value='87' />

proxymoron

Modern Tabs Design with pure CSS

A Pen by Hemn Chawroka on CodePen.

License.

proxymoron

Crossfade background image

Crossfade background images.

Browser support (Dec 2012): WebKit

A Pen by simurai on CodePen.

License.

proxymoron

Animate text letter by letter

Small function which animates the text of an element letter by letter with an animation. Allows setting of animation type and delay between letters.

A Pen by Coen on CodePen.

License.

proxymoron

User badge

Esto forma parte de un curso, la idea es trabajar a pixel perfecto, crear unas creativas animaciones y transiciones.

This is part of a course, the idea is to work to perfect pixel, creating a creative animations and transitions.

basado: http://graphicburger.com/flat-design-ui-components/

A Pen by Marco Barría on CodePen.

proxymoron

Ring CSS

Test Animate pseudo-element (SINGLE ELEMENT) / ANIMATE + ELEMENT

A Pen by Marco Barría on CodePen.

License.

proxymoron

OVwOMw

hue-rotate filters for miles

A Pen by Alex Bergin on CodePen.

License.