Skip to content

Instantly share code, notes, and snippets.

@jvmonjo
Created July 9, 2016 14:22
Show Gist options
  • Save jvmonjo/1f31a0a14e244b2ddb46cd70c21da302 to your computer and use it in GitHub Desktop.
Save jvmonjo/1f31a0a14e244b2ddb46cd70c21da302 to your computer and use it in GitHub Desktop.
/* Add blur_module to Text Module Settings > Custom CSS > CSS Class,
or blur_background_module to Section Module Settings > Custom CSS > CSS Class */
.blur_module,
.blur_background_module {
background-position: top center;
background-repeat: repeat;
display: block;
overflow: hidden;
position: relative;
}
.blur_module::before,
.blur_background_module::before {
background: inherit;
background-attachment: fixed;
content: "";
height: 200%;
left: -10px;
position: absolute;
top: -10px;
width: 200%;
-webkit-filter: blur(6px);
filter: blur(6px);
}
.blur_module::after {
background: rgba(0, 0, 0, 0.3);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.blur_module > p {
position: relative;
z-index: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment