如何在CSS中实现这种效果？

Question

I want to know how can I make this effect:

.

That white shadow on right.

Answer 1

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> 

Answer 2

Use box-shadow ( https://developer.mozilla.org/en/docs/Web/CSS/box-shadow )

Here's an example for the desired effect:

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

 <div></div>