CSS 3 border shadow.
Posted: Thu May 06, 2010 3:48 pm
Instead of using box-shadow, I've been using border-image and linear gradients to create a bottom shadow for this control bar. The reason I'm not just using box-shadow is because box shadow has slight roundedness on the corners.
Here's the link.
There is only one thing missing. It's not invisible to mouse events. When you mouse over the top arrow of the scroll bar, for example. I don't want this. So how can I fix this?
I think the answer lies with border-image-outset and border-image-width. But either I have no idea what I'm doing when using them or webkit doesn't support those properties.
Anyone have any ideas?
Here's the link.
There is only one thing missing. It's not invisible to mouse events. When you mouse over the top arrow of the scroll bar, for example. I don't want this. So how can I fix this?
I think the answer lies with border-image-outset and border-image-width. But either I have no idea what I'm doing when using them or webkit doesn't support those properties.
Anyone have any ideas?