.box-shadow::after { content: ""; position: absolute; width: 100%; bottom: -1px; z-index: -1; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4); } .element { position: relative; } <div class="element box-shadow"> <!-- content here --> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter