Skip to content

Instantly share code, notes, and snippets.

Created October 23, 2019 22:56
What would you like to do?
<!doctype html>
<div id="wrapper">
<img id="blurred" src="" alt="" />
<img id="cover" src="" alt="" />
body {
background: #222;
#wrapper {
width: 600px;
height: 600px;
margin: 0 auto;
position: relative;
img {
max-width: 100%;
height: auto;
#blurred {
position: absolute;
z-index: 0;
filter: blur(100px);
#cover {
z-index: 1;
position: relative;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment