#css shadow

[onaircode]

21 Great CSS Text Shadow Effect Examples - OnAirCode

Collections of css text shadow effects with examples and some text shadow css tricks. A decent stage for text shadow generator.

[jaceju]

三角指標加陰影的做法

http://codepen.io/anon/pen/bJCGe

重點在 :before 的 +rotateZ(45deg) 和標題的 position:relative 及 background-color: white ，完全不用 border 來模擬三角形。

[okhomenko-blog-blog]

Inset shadow from one side

Update: It's appeared as it should be much simpler than my solution, we can just use: box-shadow: inset 0 10px 20px -10px #444;

Thanks to @LeaVerou for help

Some time ago I needed shadow inside block, but inset shadow by box-shadow: inset I didn't like because it render from all sides and I wanted only top-side shadow, so I've tried to do it with gradient. And here is what I get - http://jsfiddle.net/okhomenko/fUWPu/5/.

It's not so g0od in Opera (right image). I would be appreciated if someone know how to modify my code for work good in Opera and make it render in IE