Core Code
Core Code Modern Dev Handbook

Inset Shadow

Inset shadows appear inside the element.

Preview

Code

<style>
.box{
width:160px;
height:80px;
background:#f59e0b;
box-shadow:inset 0 0 10px rgba(0,0,0,0.4);
}
</style>

<div class="box"></div>

More CSS Shadows Examples (8)

example Basic Box Shadow open example example Soft Shadow open example example Multiple Shadows open example example Hover Shadow Effect open example example Text Shadow open example example Glow Effect open example example Outline Shadow open example example Card UI Shadow open example