Skip to content

Instantly share code, notes, and snippets.

@CodeMyUI

CodeMyUI/grrwwze.markdown

Created October 23, 2019 22:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save CodeMyUI/025a57fe28e2d48e0f46a0fa8162b01e to your computer and use it in GitHub Desktop.
Save CodeMyUI/025a57fe28e2d48e0f46a0fa8162b01e to your computer and use it in GitHub Desktop.
Download ZIP
GRRWWze
Raw
index.html
<!doctype html>
<html>
<body>
<div id="wrapper">
<img id="blurred" src="https://i.imgur.com/x01Vmo1.jpg" alt="" />
<img id="cover" src="https://i.imgur.com/x01Vmo1.jpg" alt="" />
</div>
</body>
</html>
Raw
style.css
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