vaguejs
Version:
Vague.js is an experimental script that allows you to blur any kind of html element thanks to the SVG filters
50 lines (48 loc) • 742 B
CSS
@import url(//fonts.googleapis.com/css?family=Satisfy);
body {
margin:0;
}
.container {
width:100%;
height:100%;
background:url(img.jpg) no-repeat center center;
background-size:cover;
position:absolute;
}
figure {
margin:0;
}
html, body {
height:100%;
margin:0;
font-family: 'Satisfy', cursive;
background:black;
overflow: hidden;
}
article {
position:absolute;
top:50%;
left:50%;
color:white;
z-index:1;
width:600px;
height:200px;
margin:-100px 0 0 -300px;
text-align:center;
}
a {
color:white;
text-decoration:none;
font-size:70px;
display:block;
margin:0 0 30px;
width:100%;
}
span.btn {
display:inline-block;
background: rgba(0,0,0,0.5);
padding: 15px;
color: white;
font-size: 17px;
cursor:pointer;
}