I want to know how can I make this effect:
.
That white shadow on right.
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>
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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.