CSS
body {
height:100%;
width:100%;
overflow:hidden;
background: linear-gradient(90deg, #555555 30%, #1D1F20 90%); /* W3C */
}
.mask {
background-image: url("https://s-media-cache-ak0.pinimg.com/originals/cb/36/56/cb3656fc2ee10da884b7910ec0397298.gif");
background-position: right 85px bottom ;/* image */
background-position:center;
background-size:950px 200px;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size: 5em;
font-weight: bold;
font-family: 'Lobster', cursive;
font-weight: normal;
padding-top: 60px;
text-align: center;
text-align: center;
}
.stars {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;
background:url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
z-index:0;
}
.stars {
-webkit-animation: bluePill 2s alternate infinite;
}
@-webkit-keyframes bluePill {
0% { -webkit-filter: contrast(1000%); }
100% { -webkit-filter: contrast(100%); }
}
