Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url(https://fonts.googleapis.com/css?family=Black+Ops+One);
- body {
- background-color: #0e2400;
- background-image: url("https://www.transparenttextures.com/patterns/green-dust-and-scratches.png");
- }
- .title{
- position: fixed;
- line-height: 1;
- top: 0vw;
- left: 0vw;
- width: 70vw;
- height: 700px;
- color: #000;
- font-size: 6vw;
- font-family: 'Black Ops One', cursive;
- text-align: ;
- overflow: auto;
- z-index:-1;
- opacity: 1;
- background-image:url(https://i.gifer.com/Nfjf.gif);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- background-position: top left;
- background-size: 35%;
- background-repeat: repeat;
- }
- .titleback{
- position: fixed;
- line-height: 1;
- top: 0vw;
- left: 0vw;
- width: 70vw;
- height: 700px;
- color: #000;
- font-size: 6vw;
- font-family: 'Black Ops One', cursive;
- overflow: auto;
- text-align: left;
- z-index:-2;
- opacity: 1;
- }
- .bakugoumain{
- position: fixed;
- bottom: 0vw;
- left: 30vw;
- background-image: url('https://i.ibb.co/7k9LQ03/bakumain5.png') ;
- background-size: cover;
- background-repeat: no-repeat;
- transform: rotate(0deg);
- z-index: 2;
- opacity: 1;
- height: 40vw;
- width: 40vw;
- animation: main 5s infinite;
- animation-timing-function:ease-in-out;
- animation-delay: 0s;
- }
- .bakugoustomach{
- position: fixed;
- bottom: 2vw;
- left: 43.8vw;
- background-image: url('https://i.ibb.co/BjMrgnJ/bakugoustomach.png') ;
- background-size: cover;
- background-repeat: no-repeat;
- transform: rotate(0deg);
- z-index: 1;
- opacity: 1;
- height: 5vw;
- width: 10vw;
- animation: stomach 5s infinite;
- animation-timing-function:ease-in-out;
- animation-delay: 0s;
- }
- .bakugoubackhand{
- position: fixed;
- bottom: 4vw;
- left: 54vw;
- background-image: url('https://i.ibb.co/2Fqmjkf/bakubackhand2.png') ;
- background-size: cover;
- background-repeat: no-repeat;
- transform: rotate(0deg);
- z-index: 0;
- opacity: 1;
- height: 11vw;
- width: 10vw;
- animation: backhand 5s infinite;
- animation-timing-function:ease-in-out;
- animation-delay: 0s;
- }
- .bakugouhand{
- position: fixed;
- bottom: 0vw;
- left: 30vw;
- background-image: url('https://cdn.discordapp.com/attachments/649485777893326869/861877490343346196/Untitled_Artwork.png') ;
- background-size: cover;
- background-repeat: no-repeat;
- transform: rotate(0deg);
- z-index: 3;
- opacity: 1;
- height: 15vw;
- width: 15vw;
- animation: hand 5s infinite;
- animation-timing-function:ease-in-out;
- animation-delay: 0s;
- }
- .bakugoufinger{
- position: fixed;
- bottom: 4.5vw;
- left: 37vw;
- background-image: url('https://i.ibb.co/xXNZYWf/bakufinger.png') ;
- background-size: cover;
- background-repeat: no-repeat;
- transform: rotate(0deg);
- z-index: 4;
- opacity: 1;
- height: 6vw;
- width: 3vw;
- animation: finger 5s infinite;
- animation-timing-function:ease-in-out;
- animation-delay: 0s;
- }
- .bakugouexpl{
- position: fixed;
- bottom: 7vw;
- left: 35vw;
- background-image: url('https://i.pinimg.com/originals/10/92/fa/1092fa7d42c7db063aaf5f1d517b1692.gif') ;
- background-size: cover;
- background-repeat: no-repeat;
- filter: contrast(5);
- z-index: 3;
- opacity: 1;
- height: 11vw;
- width: 8vw;
- animation: expl 5s infinite;
- animation-timing-function:ease-in-out;
- animation-delay: 0s;
- }
- @keyframes hand{
- 0% { bottom: 0vw; left: 30vw; transform: rotate(0deg);}
- 50% { bottom: -.5vw; left: 29.5vw; transform: rotate(4deg); }
- 100% { bottom: 0vw; left: 30vw; }
- }
- @keyframes finger{
- 0% { bottom: 4.5vw; left: 37vw; transform: rotate(0deg);}
- 50% { bottom: 4.4vw; left: 36.7vw; transform: rotate(4deg); }
- 100% { bottom: 4.5vw; left: 37vw; }
- }
- @keyframes expl{
- 0% { bottom: 7vw; left: 35vw; transform: rotate(0deg);}
- 50% { bottom: 6.7vw; left: 34vw; transform: rotate(deg); }
- 100% { bottom: 7vw; left: 35vw; }
- }
- @keyframes stomach{
- 0% { bottom: 2vw; left: 43.8vw; transform: rotate(0deg);}
- 50% { bottom: 2vw; left: 43.8vw; transform: rotate(-4deg); }
- 100% { bottom: 2vw; left: 43.8vw; }
- }
- @keyframes backhand{
- 0% { bottom: 4vw; left: 54vw; transform: rotate(0deg);}
- 50% { bottom: 4vw; left: 54vw; transform: rotate(-4deg); }
- 100% { bottom: 4vw; left: 54vw; }
- }
- @keyframes main{
- 0% { bottom: 0vw; left: 30vw; transform: rotate(0deg);}
- 50% { bottom: 0vw; left: 30vw; transform: rotate(2deg); }
- 100% { bottom: 0vw; left: 30vw; }
- }
- </style>
- <body>
- <div class="bakugoubreath">
- </div></div>
- <div class="bakugoumain">
- </div></div>
- <div class="bakugoustomach">
- </div></div>
- <div class="bakugoubackhand">
- </div></div>
- <div class="bakugouhand">
- </div></div>
- <div class="bakugoufinger">
- </div></div>
- <div class="bakugouexpl">
- </div></div>
- <div class="title">
- Great Explosion Murder God Dynamight
- </div>
- <div class="titleback">
- Great Explosion Murder God Dynamight
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment