Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Gravatar as fullscreen background image
* Gravatar as fullscreen background image
body {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
height: 100%;
background-color: rgb(186, 21, 21);
overflow: hidden;
body:before {
content: "";
position: absolute;
height: 100%; width: 100%;
background: url( no-repeat center center fixed;
z-index: -1; /* Keep the background behind the content */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-filter: blur(0.45em);
-moz-filter: blur(0.45em);
-o-filter: blur(0.45em);
-ms-filter: blur(0.45em);
filter: blur(0.45em);
p {
Your text goes here...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.