Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @-moz-keyframes glitch {
- 0% {
- -moz-transform: skew(2deg);
- transform: skew(2deg);
- }
- 6.66667% {
- -moz-transform: skew(2deg);
- transform: skew(2deg);
- }
- 13.33333% {
- -moz-transform: skew(-16deg);
- transform: skew(-16deg);
- }
- 20% {
- -moz-transform: skew(7deg);
- transform: skew(7deg);
- }
- 26.66667% {
- -moz-transform: skew(-6deg);
- transform: skew(-6deg);
- }
- 33.33333% {
- -moz-transform: skew(10deg);
- transform: skew(10deg);
- }
- 40% {
- -moz-transform: skew(-3deg);
- transform: skew(-3deg);
- }
- 46.66667% {
- -moz-transform: skew(-2deg);
- transform: skew(-2deg);
- }
- 53.33333% {
- -moz-transform: skew(-3deg);
- transform: skew(-3deg);
- }
- 60% {
- -moz-transform: skew(-17deg);
- transform: skew(-17deg);
- }
- 66.66667% {
- -moz-transform: skew(4deg);
- transform: skew(4deg);
- }
- 73.33333% {
- -moz-transform: skew(9deg);
- transform: skew(9deg);
- }
- 80% {
- -moz-transform: skew(8deg);
- transform: skew(8deg);
- }
- 86.66667% {
- -moz-transform: skew(-9deg);
- transform: skew(-9deg);
- }
- 93.33333% {
- -moz-transform: skew(-10deg);
- transform: skew(-10deg);
- }
- }
- @-webkit-keyframes glitch {
- 0% {
- -webkit-transform: skew(7deg);
- transform: skew(7deg);
- }
- 6.66667% {
- -webkit-transform: skew(-1deg);
- transform: skew(-1deg);
- }
- 13.33333% {
- -webkit-transform: skew(1deg);
- transform: skew(1deg);
- }
- 20% {
- -webkit-transform: skew(13deg);
- transform: skew(13deg);
- }
- 26.66667% {
- -webkit-transform: skew(-16deg);
- transform: skew(-16deg);
- }
- 33.33333% {
- -webkit-transform: skew(-14deg);
- transform: skew(-14deg);
- }
- 40% {
- -webkit-transform: skew(9deg);
- transform: skew(9deg);
- }
- 46.66667% {
- -webkit-transform: skew(-1deg);
- transform: skew(-1deg);
- }
- 53.33333% {
- -webkit-transform: skew(16deg);
- transform: skew(16deg);
- }
- 60% {
- -webkit-transform: skew(-18deg);
- transform: skew(-18deg);
- }
- 66.66667% {
- -webkit-transform: skew(20deg);
- transform: skew(20deg);
- }
- 73.33333% {
- -webkit-transform: skew(-2deg);
- transform: skew(-2deg);
- }
- 80% {
- -webkit-transform: skew(18deg);
- transform: skew(18deg);
- }
- 86.66667% {
- -webkit-transform: skew(5deg);
- transform: skew(5deg);
- }
- 93.33333% {
- -webkit-transform: skew(-18deg);
- transform: skew(-18deg);
- }
- }
- @keyframes glitch {
- 0% {
- -moz-transform: skew(-19deg);
- -ms-transform: skew(-19deg);
- -webkit-transform: skew(-19deg);
- transform: skew(-19deg);
- }
- 6.66667% {
- -moz-transform: skew(1deg);
- -ms-transform: skew(1deg);
- -webkit-transform: skew(1deg);
- transform: skew(1deg);
- }
- 13.33333% {
- -moz-transform: skew(-18deg);
- -ms-transform: skew(-18deg);
- -webkit-transform: skew(-18deg);
- transform: skew(-18deg);
- }
- 20% {
- -moz-transform: skew(-2deg);
- -ms-transform: skew(-2deg);
- -webkit-transform: skew(-2deg);
- transform: skew(-2deg);
- }
- 26.66667% {
- -moz-transform: skew(16deg);
- -ms-transform: skew(16deg);
- -webkit-transform: skew(16deg);
- transform: skew(16deg);
- }
- 33.33333% {
- -moz-transform: skew(-8deg);
- -ms-transform: skew(-8deg);
- -webkit-transform: skew(-8deg);
- transform: skew(-8deg);
- }
- 40% {
- -moz-transform: skew(11deg);
- -ms-transform: skew(11deg);
- -webkit-transform: skew(11deg);
- transform: skew(11deg);
- }
- 46.66667% {
- -moz-transform: skew(-9deg);
- -ms-transform: skew(-9deg);
- -webkit-transform: skew(-9deg);
- transform: skew(-9deg);
- }
- 53.33333% {
- -moz-transform: skew(19deg);
- -ms-transform: skew(19deg);
- -webkit-transform: skew(19deg);
- transform: skew(19deg);
- }
- 60% {
- -moz-transform: skew(4deg);
- -ms-transform: skew(4deg);
- -webkit-transform: skew(4deg);
- transform: skew(4deg);
- }
- 66.66667% {
- -moz-transform: skew(18deg);
- -ms-transform: skew(18deg);
- -webkit-transform: skew(18deg);
- transform: skew(18deg);
- }
- 73.33333% {
- -moz-transform: skew(12deg);
- -ms-transform: skew(12deg);
- -webkit-transform: skew(12deg);
- transform: skew(12deg);
- }
- 80% {
- -moz-transform: skew(-12deg);
- -ms-transform: skew(-12deg);
- -webkit-transform: skew(-12deg);
- transform: skew(-12deg);
- }
- 86.66667% {
- -moz-transform: skew(11deg);
- -ms-transform: skew(11deg);
- -webkit-transform: skew(11deg);
- transform: skew(11deg);
- }
- 93.33333% {
- -moz-transform: skew(11deg);
- -ms-transform: skew(11deg);
- -webkit-transform: skew(11deg);
- transform: skew(11deg);
- }
- }
- @-moz-keyframes noise {
- 0% {
- background-position: 73px 99px;
- }
- 10% {
- background-position: 73px 8px;
- }
- 20% {
- background-position: 27px -9px;
- }
- 30% {
- background-position: 9px -97px;
- }
- 40% {
- background-position: 73px -4px;
- }
- 50% {
- background-position: -65px -43px;
- }
- 60% {
- background-position: -83px -30px;
- }
- 70% {
- background-position: 17px -94px;
- }
- 80% {
- background-position: 95px 53px;
- }
- 90% {
- background-position: -68px -61px;
- }
- }
- @-webkit-keyframes noise {
- 0% {
- background-position: 44px -50px;
- }
- 10% {
- background-position: -11px 81px;
- }
- 20% {
- background-position: 29px -99px;
- }
- 30% {
- background-position: -27px 5px;
- }
- 40% {
- background-position: -67px -91px;
- }
- 50% {
- background-position: 91px -5px;
- }
- 60% {
- background-position: 7px -47px;
- }
- 70% {
- background-position: -47px -30px;
- }
- 80% {
- background-position: -57px 47px;
- }
- 90% {
- background-position: 78px 87px;
- }
- }
- @keyframes noise {
- 0% {
- background-position: -10px -67px;
- }
- 10% {
- background-position: 33px 2px;
- }
- 20% {
- background-position: 94px 52px;
- }
- 30% {
- background-position: 57px -13px;
- }
- 40% {
- background-position: 83px 50px;
- }
- 50% {
- background-position: -2px 93px;
- }
- 60% {
- background-position: -43px -96px;
- }
- 70% {
- background-position: 18px 52px;
- }
- 80% {
- background-position: -39px -11px;
- }
- 90% {
- background-position: -9px -34px;
- }
- }
- @-moz-keyframes bar {
- 0% {
- height: 111px;
- top: 75%;
- opacity: 0.72;
- }
- 10% {
- height: 126px;
- top: 68%;
- opacity: 0.63;
- }
- 20% {
- height: 517px;
- top: 74%;
- opacity: 0.14;
- }
- 30% {
- height: 358px;
- top: 73%;
- opacity: 0.03;
- }
- 40% {
- height: 202px;
- top: 47%;
- opacity: 0.74;
- }
- 50% {
- height: 223px;
- top: 87%;
- opacity: 0.05;
- }
- 60% {
- height: 448px;
- top: 54%;
- opacity: 0.14;
- }
- 70% {
- height: 447px;
- top: 10%;
- opacity: 0.37;
- }
- 80% {
- height: 507px;
- top: 67%;
- opacity: 0.12;
- }
- 90% {
- height: 513px;
- top: 12%;
- opacity: 0.65;
- }
- }
- @-webkit-keyframes bar {
- 0% {
- height: 576px;
- top: 5%;
- opacity: 0.37;
- }
- 10% {
- height: 303px;
- top: 38%;
- opacity: 0.16;
- }
- 20% {
- height: 195px;
- top: 13%;
- opacity: 0.71;
- }
- 30% {
- height: 574px;
- top: 88%;
- opacity: 0.39;
- }
- 40% {
- height: 472px;
- top: 55%;
- opacity: 0.08;
- }
- 50% {
- height: 105px;
- top: 85%;
- opacity: 0.59;
- }
- 60% {
- height: 55px;
- top: 66%;
- opacity: 0.09;
- }
- 70% {
- height: 348px;
- top: 66%;
- opacity: 0.25;
- }
- 80% {
- height: 46px;
- top: 89%;
- opacity: 0.35;
- }
- 90% {
- height: 600px;
- top: 58%;
- opacity: 0.24;
- }
- }
- @keyframes bar {
- 0% {
- height: 438px;
- top: 100%;
- opacity: 0.34;
- }
- 10% {
- height: 232px;
- top: 21%;
- opacity: 0.75;
- }
- 20% {
- height: 509px;
- top: 27%;
- opacity: 0.11;
- }
- 30% {
- height: 330px;
- top: 82%;
- opacity: 0.55;
- }
- 40% {
- height: 144px;
- top: 89%;
- opacity: 0.1;
- }
- 50% {
- height: 414px;
- top: 32%;
- opacity: 0.64;
- }
- 60% {
- height: 200px;
- top: 37%;
- opacity: 0.45;
- }
- 70% {
- height: 169px;
- top: 12%;
- opacity: 0.14;
- }
- 80% {
- height: 291px;
- top: 7%;
- opacity: 0.62;
- }
- 90% {
- height: 306px;
- top: 39%;
- opacity: 0.3;
- }
- }
- .glitch {
- cursor: default;
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- color: #fff;
- text-align: center;
- font: 12vw "Jolly Lodger", helvetica, sans-serif;
- background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=000000ff&noise=ffffff&density=61&opacity=20);
- text-shadow: 2px 0 1px #f6050a, -2px 0 1px #1cf2f2;
- -moz-animation: noise 0.3s infinite;
- -webkit-animation: noise 0.3s infinite;
- animation: noise 0.3s infinite;
- transition: opacity .3s ease-in;
- }
- .glitch:before {
- content: "";
- display: inline-block;
- vertical-align: middle;
- height: 100%;
- }
- .glitch:after {
- content: "";
- display: block;
- position: absolute;
- left: 0;
- right: 0;
- background: url(http://api.thumbr.it/whitenoise-361x370.png?background=000000ff&noise=ffffff&density=61&opacity=40);
- -moz-animation: bar 0.5s infinite;
- -webkit-animation: bar 0.5s infinite;
- animation: bar 0.5s infinite;
- }
- .glitch > span {
- display: inline-block;
- vertical-align: middle;
- position: relative;
- z-index: 1;
- -moz-animation: glitch 3s infinite alternate;
- -webkit-animation: glitch 3s infinite alternate;
- animation: glitch 3s infinite alternate;
- }
- .facebook-name {
- opacity: 0;
- }
- .reveal .facebook-name {
- opacity: 1;
- }
- .reveal .hashtag {
- opacity: 0;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement