@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; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-clip: text; -webkit-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; }