.dynamic-shadow { position: relative; width: rem; height: 10rem; background: linear-gradient(5deg, #d7ff, #00ffb8); 6 z-index: 1; 7 } 8 .dynamic-shadow::after { content: ''; 10 width: 100%; height: 100%; position: absolute; background: inherit; top: 0.5rem; filter: blur(0.4rem); opacity: 0.7; z-index: -1; }
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