adige72's public fiddles
-
Fake perspective
using pseudo elements
-
Typing Animation by Lea Verou
This animation uses ch for character, as a width measurement for each step in the animation. For browsers that don't support ch, use ems or, if you really have to, px's
-
Animating max-height to overcome height:auto limitation
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS semi-transparent folded-corners
Using CSS gradients and pseudo-elements to create semi-transparent folded corners. Background images no problem.
-
Change a Background-Image Url to an Input Field's value
http://stackoverflow.com/questions/5987217
-
krec6
jQuery 1.8.3, HTML, CSS, JavaScript
-
zTq6J
Mootools 1.4.3 (compat), HTML, CSS, JavaScript
-
SWKdx
jQuery 1.7.2, HTML, CSS, JavaScript
-
rxW3H
jQuery 1.7.2, HTML, CSS, JavaScript
-
fyXVX
jQuery 1.5, HTML, CSS, JavaScript
-
TNRh4
jQuery 1.4.2, HTML, CSS, JavaScript
-
CSS3 Gradient Images for backgrounds
For a bit I was fascinated with CSS3 gradients (now its animations). This tries to recreate the background of http://stellar.io/ without the images themselves!
-
CSS3 Sliding Menus
Sliding menu with rotating text using CSS3 and jquery
-
CSS3 Spinner
Uses multiple backgrounds, css gradients and animations to render.
-
NZVgw
jQuery 1.7.2, HTML, CSS, JavaScript
-
m7R4t
jQuery 1.6.2, HTML, CSS, JavaScript
-
WAb2v
jQuery 1.6.2, HTML, CSS, JavaScript
-
Ez5x5
jQuery 1.4.2, HTML, CSS, JavaScript
-
BbSd7
jQuery 1.7.2, HTML, CSS, JavaScript
-
45qz2
jQuery 1.6.4, HTML, CSS, JavaScript