%h1
- (1...600).each do
PARTY
xxxxxxxxxx
@import url(http://fonts.googleapis.com/css?family=Sniglet:800);
.backgroundclip h1 {
background: url(http://s.cdpn.io/44303/stormtrooper-star-wars-break-dance-gif1.gif) no-repeat center center fixed;
background-size: cover;
background-size: cover;
background-size: cover;
background-size: cover;
background-clip: text;
text-fill-color: transparent;
}
h1 {
font-family: 'Sniglet', cursive;
color: white;
font-size:2em;
text-align: center;
margin: 0;
line-height: 0.8;
letter-spacing: 1px;
}
h1:after {
content:'';
display:inline-block;
width:100%;
height:0;
}
body {
background-color: black;
}
div {
position:fixed;
bottom: 10px;
right: 10px;
}
Modernizr.addTest('backgroundclip',function() {
var div = document.createElement('div');
if ('backgroundClip' in div.style)
return true;
'Webkit Moz O ms Khtml'.replace(/([A-Za-z]*)/g,function(val) {
if (val+'BackgroundClip' in div.style) return true;
});
});
$(document).ready(function() {
//var iframeStr = '<div><iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F95099230&color=ff6600&auto_play=false&show_artwork=true"></iframe><div>';
//$('body').append(iframeStr);
});