Guymon » shadow

CSS: text-shadow und box-shadow

admin — Wed, 28 Jul 2010 10:15:20 +0000

All browsers that support the CSS text-shadow and box-shadow properties also support the new CSS3 RGBa syntax. Which means you can safely combine them today.

That’s handy, because it means no worrying about matching a precise hex colour shadow to a specific hex colour background. Instead just let the browser blend. An example:

p {
 text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
}

Possibly related posts (automatically generated)

Cross-browser CSS box-shadows

admin — Fri, 16 Jul 2010 07:05:55 +0000

Rustam Gaffanov stellt eine Cross-browser CSS box-shadow Möglichkeit vor, will sagen er zeigt wie es im IE < 9 funktioniert .

Ist nicht wunderschön, aber funktioniert und manchmal muss das Layout eben überall gleich aussehen.

Possibly related posts (automatically generated)

Mit CSS3 wird alles einfacher

admin — Sun, 13 Dec 2009 15:04:39 +0000

net.tutsplus vergleicht 11 “old-school” CSS/JavaScript Techniken und wie sie mit CSS3 umzusetzen sind.

Here are the 11 techniques that I’ll be showing you how to recreate with CSS3. I’ll show you how to create them using CSS2 (or JavaScript), and then with CSS3 properties.

Und hier die Demos:

Possibly related posts (automatically generated)

Text Shadow für den IE

admin — Sun, 06 Dec 2009 15:13:45 +0000

Da schau an, schon wieder etwas was ich nicht wusste: auch im IE kann man man einen Text Shadow erzeugen. Nicht schön, aber das ist ja nichts neues beim IE.

filter:progid:DXImageTransform.Microsoft.dropshadow(OffX, OffY, Color, Positive,Enabled);

bzw.

filter:progid:DXImageTransform.Microsoft.Shadow(Color, Direction, Strength,Enabled);

Possibly related posts (automatically generated)

Linkliste CSS Techniken

bvt — Sat, 19 Jan 2008 16:15:17 +0000

Praktische Link-Sammlung mit fast allem was in CSS gerade hip ist: CSS Sprites, CSS Rounded Corners, Image Replacements Technique, Sliding Doors, Image Text Wrap Technique, Equal Height Technique, CSS Shadows Techniques, CSS Transparency.