Jens's public fiddles
-
Animation und Transition
Mootools 1.3.2, HTML, CSS, JavaScript
-
runde Ecken in Variationen
Mootools 1.3.2, HTML, CSS, JavaScript
-
Bild in Box mit halbtransparentem Hinweistext
Mootools 1.3.2, HTML, CSS, JavaScript
-
Transparence with rgba for all browsers
Even oldIE supports rgba if you use a filter
-
animiertes, horizontales Menü
Mootools 1.3.2, HTML, CSS, JavaScript
-
Verlauf mit Alternativen
Mootools 1.3.2, HTML, CSS, JavaScript
-
Textschatten
Mootools 1.3.2, HTML, CSS, JavaScript
-
box-shadow
Mootools 1.3.2, HTML, CSS, JavaScript
-
Box mit runden Ecken
Einfach ein Absatz in einer Box mit runden Ecken. Zum Herumspielen
-
Runde Ecken unten und Verlauf
Diese Box könnte am oberen Seitenrand ein Suchformular beherbergen.
-
animiertes, horizontales Menü mit Pfeil
Im aktiven Modus und bei hover erscheint ein Pfeil am farbigen Balken unter dem Menütext.
-
Text vertikal laufen lassen
Eine Überschrift wird vertikal laufen gelassen und neben den Text platziert. Kommt von einer Anfrage von Chris Heilmann http://www.wait-till-i.com/2011/08/17/css-challenge-90-degree-turned-headings-in-css3-with-a-fallback/ Original: http://jsfiddle.net/Gabri/t9u26/2/ http://css-tricks.com/13641-sideways-headers/
-
Complex gradients done with box-shadow
This enables horizontal & vertical linear-gradients in IE9 and also fixes visual fidelity problems in other browsers (FF + Chrome)
-
Rounded borders and gradients in IE9
A CSS-only technique to have IE9 nicely display rounded borders together with background-gradients.
-
runde Ecken nur unten
Diese Suchbox hängt oben rechts in einem Layout
-
horizontale Tabs mit Rundung
Original: http://jsbin.com/super-css-super-challenge
-
If at least one checkbox is checked, enable button
jQuery 1.6.2, HTML, CSS, JavaScript
-
Complex gradients done with box-shadow
This enables horizontal & vertical linear-gradients in IE9 and also fixes visual fidelity problems in other browsers (FF + Chrome)
-
CSS semi-transparent folded-corners
Using CSS gradients and pseudo-elements to create semi-transparent folded corners. Background images no problem.
-
Alle Elemente
No-Library (pure JS), HTML, CSS, JavaScript