div {
box-shadow: 10px 10px 5px lightblue;
}<html>
<style type="text/css">
.box {
position: relative;
width: 400px;
height: 300px;
background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%;
}
.box:after {
position: absolute;
width: 64%;
height: 12%;
left: 18%;
border-radius: 50%;
z-index: -1;
bottom: 0%;
content: "";
box-shadow: 0 50px 24px rgba(0,0,0,0.24);
}
</style>
<body>
<div class="box">
<img src="img.jpg" />
</div>
</body>
<html> box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
Bahadur Khan.| Code Example |
|---|
| Css :: how to remove margins css |
| Css :: css background property |
| Css :: css cursor delete |
| Css :: text-transform |
| Css :: btn glow on hover |
| Css :: sass mixin |
| Css :: add background image in css |
| Css :: css make text closer together |
| Css :: css inset |
| Css :: css hover change another element |
| Css :: scss media query |
| Css :: css pointer-events |
| Css :: how to use background property in css |
| Css :: css clear |
| Css :: jest afterAll |
| Css :: how to change logo size in wordpress |
| Css :: round corners of image css |
| Css :: how to change only bullet color in css |
| Css :: text background image css |
| Css :: fixed position css |
| Css :: css infinite horizontal scroll |
| Css :: fabric bring to front element top |
| Css :: Unable to locate package neo4j |
| Css :: icon circle css |
| Css :: what is the opacity of disabled text |
| Css :: after certain width how make ontent center and add margin auto both side |
| Css :: transition for css |
| Css :: css 2 divs nebeneinander |
| Css :: npm next-css |
| Css :: css links |