css - Shadow gradient inside div

Question

I'm trying to emulate the way this site does their shadow gradient inside divs ( http://zeroturnaround.com/software/jrebel/roi-calculator/#headline )

Check this picture

Not sure how to get the border shadow portion that the arrows point to

Thanks !

Answer 1

It's an image they are using to do it. This is their source sprite sheet

That specific border image in near the bottom.

I agree with you though, it looks good and I wish it was possible in pure code but I'm sure if that's possible yet, or else I'd be able to help you more.

顺便说一句，我建议你为 Firefox 安装 Firebug 插件。我所要做的就是右键单击该区域并使用萤火虫进行检查，它会立即告诉我该边界的确切创建来源。