Using a linear gradient on all four sides of a

Question

I'm trying to style a box using linear-gradient. I want to have a 7px fade from red to white on all four sides. So far I've got one side (the bottom) working, no problems: ``` background: -webkit-linear-gradient(bottom, white, #eb3136 7px); background: -o-linear-gradient(bottom, white, #eb3136 7px); background: -moz-linear-gradient(bottom, white, #eb3136 7px); background: linear-gradient(bottom, white, #eb3136 7px); ``` How do I get that 7px fade to write on the other three sides? Thanks for any help.

Accepted Answer

```
box-shadow: 0px 0px 7px #eb3136 inset;
```

will probably do what you want in a simpler way.

Fiddle: http://jsfiddle.net/6EREc/

Using a linear gradient on all four sides of a <div>

Solution

Problem