How can i make this effect in css?

Question

I want to know how can I make this effect:

white-shadow .

That white shadow on right.

Possible duplicate of [Inset Box Shadow only on one side?](https://stackoverflow.com/questions/17572619/inset-box-shadow-only-on-one-side) — Rob, Jun 17 '17 at 15:37

score 2 · Answer 1 · answered Jun 17 '17 at 14:46

2

This is done with the box-shadow property. You can read about it here.

.example {
  background: red;
  box-shadow: 10px 10px 8px rgba(0, 0, 0, .3);
  height: 200px;
  width: 200px;
}

<div class="example"></div>

answered Jun 17 '17 at 14:46

hammy

score 1 · Accepted Answer · edited Jun 17 '17 at 14:40

1

Here's an example for the desired effect:

div {
    width: 300px;
    height: 100px;
    background-color: lightgray;
    box-shadow: 10px 10px 5px #888888;
}

<div></div>

edited Jun 17 '17 at 14:40

answered Jun 17 '17 at 14:37

Ricky Dam

2 Answers2