Mother Effing Text-shadow | Hacker News Reader

Mother Effing Text-shadow

mothereffingtextshadow.com

42 pointsrazerbeans18 comments

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.

Woah, check out those angled sliders.

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

get a real browser...like chrome or safari

Works on FF 3.5.5 in linux.

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.

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

Working fine for me in the FF 4 beta.

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

No luck on IE5 for mac :(

Wonder why.

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.

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.

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.

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

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

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.

"all the way"

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

in case you didn't know.

Reply on news.ycombinator.com