Mother Effing Text-shadow

by razerbeans • 16 years ago

42 18 16 years ago

pseudonym2• 16 years ago

The left hand drag buttons are inverted (When you grip one and drag right, it slides left). And my curiousity involving what the []wtf control is supposed to do is overwhelming.

Interesting nonetheless, though.

dfried• 16 years ago

Normally you're only allowed to move one slider at a time, because shadows only point one way. []wtf lets you create multiple shadows in more directions.

alextgordon• 16 years ago

It enables "wacky mode", which allows up to four shadows in different directions (NE, SE, SW, NW). Without it, you're limited to one direction.

makmanalp• 16 years ago

FF3.6.10 in ubuntu, wtf mode doesn't seem to quite work.

pseudonym2• 16 years ago

FF 3.6.8 on Win7, all it does is cause all the drop shadows to disappear. And the other slides remain locked.

rradu• 16 years ago

Doesn't work correctly in FF 3.6 on a PC. Seems to be meant for webkit browsers only.

monological• 16 years ago

get a real browser...like chrome or safari

Xurinos• 16 years ago

Works on FF 3.5.5 in linux.

davidw• 16 years ago

Doesn't work on 3.6.10 on Linux. You should be able to move all 4 sliders and have the shadow go in different ways. Only one works for me. I did get another one working with some fiddling, but it works way better in the Chromium browser.

joe_the_user• 16 years ago

Doesn't work on FF 3.1 for linux...

grayrest• 16 years ago

Working fine for me in the FF 4 beta.

StavrosK• 16 years ago

Opera is fine too, except the sliders are a bit smaller.

armandososa• 16 years ago

No luck on IE5 for mac :(

lovskogen• 16 years ago

Wonder why.

mikeklaas• 16 years ago

I came looking forward to a rant about people using text-shadow for body text on the web. I left mildly amused, but ultimately disappointed.

ianbishop• 16 years ago

Woah, check out those angled sliders.

mishmash• 16 years ago

Needs a mothereffing repeating background image or pattern.

One trick I use for circle-style gradient backgrounds is to have three sides of your gradient all end in the same color (you can use an inner shadow atop your gradient in PS for this) and then to pin the image to top/bottom/center with CSS attachment and positioning. Finally, set the page's background color to the same color as the end of your gradient.

jhaglund• 16 years ago

"all the way"

http://www.youtube.com/watch?v=OQSNhk5ICTI#t=0m7s

in case you didn't know.

Mother Effing Text-shadow

Related Stories