ZukoHiyama

baku

Jul 6th, 2021
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.79 KB | None | 0 0
  1. <style>
  2. @import url(https://fonts.googleapis.com/css?family=Black+Ops+One);
  3. body {
  4. background-color: #0e2400;
  5. background-image: url("https://www.transparenttextures.com/patterns/green-dust-and-scratches.png");
  6. }
  7.  
  8. .title{
  9. position: fixed;
  10. line-height: 1;
  11. top: 0vw;
  12. left: 0vw;
  13. width: 70vw;
  14. height: 700px;
  15. color: #000;
  16. font-size: 6vw;
  17. font-family: 'Black Ops One', cursive;
  18. text-align: ;
  19. overflow: auto;
  20. z-index:-1;
  21. opacity: 1;
  22. background-image:url(https://i.gifer.com/Nfjf.gif);
  23. -webkit-background-clip: text;
  24. -webkit-text-fill-color: transparent;
  25. background-position: top left;
  26. background-size: 35%;
  27. background-repeat: repeat;
  28. }
  29.  
  30.  
  31. .titleback{
  32. position: fixed;
  33. line-height: 1;
  34. top: 0vw;
  35. left: 0vw;
  36. width: 70vw;
  37. height: 700px;
  38. color: #000;
  39. font-size: 6vw;
  40. font-family: 'Black Ops One', cursive;
  41. overflow: auto;
  42. text-align: left;
  43. z-index:-2;
  44. opacity: 1;
  45. }
  46.  
  47. .bakugoumain{
  48. position: fixed;
  49. bottom: 0vw;
  50. left: 30vw;
  51. background-image: url('https://i.ibb.co/7k9LQ03/bakumain5.png') ;
  52. background-size: cover;
  53. background-repeat: no-repeat;
  54. transform: rotate(0deg);
  55. z-index: 2;
  56. opacity: 1;
  57. height: 40vw;
  58. width: 40vw;
  59. animation: main 5s infinite;
  60. animation-timing-function:ease-in-out;
  61. animation-delay: 0s;
  62. }
  63.  
  64.  
  65.  
  66. .bakugoustomach{
  67. position: fixed;
  68. bottom: 2vw;
  69. left: 43.8vw;
  70. background-image: url('https://i.ibb.co/BjMrgnJ/bakugoustomach.png') ;
  71. background-size: cover;
  72. background-repeat: no-repeat;
  73. transform: rotate(0deg);
  74. z-index: 1;
  75. opacity: 1;
  76. height: 5vw;
  77. width: 10vw;
  78. animation: stomach 5s infinite;
  79. animation-timing-function:ease-in-out;
  80. animation-delay: 0s;
  81. }
  82.  
  83. .bakugoubackhand{
  84. position: fixed;
  85. bottom: 4vw;
  86. left: 54vw;
  87. background-image: url('https://i.ibb.co/2Fqmjkf/bakubackhand2.png') ;
  88. background-size: cover;
  89. background-repeat: no-repeat;
  90. transform: rotate(0deg);
  91. z-index: 0;
  92. opacity: 1;
  93. height: 11vw;
  94. width: 10vw;
  95. animation: backhand 5s infinite;
  96. animation-timing-function:ease-in-out;
  97. animation-delay: 0s;
  98. }
  99.  
  100.  
  101. .bakugouhand{
  102. position: fixed;
  103. bottom: 0vw;
  104. left: 30vw;
  105. background-image: url('https://cdn.discordapp.com/attachments/649485777893326869/861877490343346196/Untitled_Artwork.png') ;
  106. background-size: cover;
  107. background-repeat: no-repeat;
  108. transform: rotate(0deg);
  109. z-index: 3;
  110. opacity: 1;
  111. height: 15vw;
  112. width: 15vw;
  113. animation: hand 5s infinite;
  114. animation-timing-function:ease-in-out;
  115. animation-delay: 0s;
  116. }
  117.  
  118. .bakugoufinger{
  119. position: fixed;
  120. bottom: 4.5vw;
  121. left: 37vw;
  122. background-image: url('https://i.ibb.co/xXNZYWf/bakufinger.png') ;
  123. background-size: cover;
  124. background-repeat: no-repeat;
  125. transform: rotate(0deg);
  126. z-index: 4;
  127. opacity: 1;
  128. height: 6vw;
  129. width: 3vw;
  130. animation: finger 5s infinite;
  131. animation-timing-function:ease-in-out;
  132. animation-delay: 0s;
  133. }
  134.  
  135. .bakugouexpl{
  136. position: fixed;
  137. bottom: 7vw;
  138. left: 35vw;
  139. background-image: url('https://i.pinimg.com/originals/10/92/fa/1092fa7d42c7db063aaf5f1d517b1692.gif') ;
  140. background-size: cover;
  141. background-repeat: no-repeat;
  142. filter: contrast(5);
  143. z-index: 3;
  144. opacity: 1;
  145. height: 11vw;
  146. width: 8vw;
  147. animation: expl 5s infinite;
  148. animation-timing-function:ease-in-out;
  149. animation-delay: 0s;
  150. }
  151.  
  152. @keyframes hand{
  153. 0% { bottom: 0vw; left: 30vw; transform: rotate(0deg);}
  154.  
  155. 50% { bottom: -.5vw; left: 29.5vw; transform: rotate(4deg); }
  156.  
  157. 100% { bottom: 0vw; left: 30vw; }
  158.  
  159. }
  160.  
  161. @keyframes finger{
  162. 0% { bottom: 4.5vw; left: 37vw; transform: rotate(0deg);}
  163.  
  164. 50% { bottom: 4.4vw; left: 36.7vw; transform: rotate(4deg); }
  165.  
  166. 100% { bottom: 4.5vw; left: 37vw; }
  167.  
  168. }
  169.  
  170. @keyframes expl{
  171. 0% { bottom: 7vw; left: 35vw; transform: rotate(0deg);}
  172.  
  173. 50% { bottom: 6.7vw; left: 34vw; transform: rotate(deg); }
  174.  
  175. 100% { bottom: 7vw; left: 35vw; }
  176.  
  177. }
  178.  
  179. @keyframes stomach{
  180. 0% { bottom: 2vw; left: 43.8vw; transform: rotate(0deg);}
  181.  
  182. 50% { bottom: 2vw; left: 43.8vw; transform: rotate(-4deg); }
  183.  
  184. 100% { bottom: 2vw; left: 43.8vw; }
  185.  
  186. }
  187.  
  188. @keyframes backhand{
  189. 0% { bottom: 4vw; left: 54vw; transform: rotate(0deg);}
  190.  
  191. 50% { bottom: 4vw; left: 54vw; transform: rotate(-4deg); }
  192.  
  193. 100% { bottom: 4vw; left: 54vw; }
  194.  
  195. }
  196.  
  197. @keyframes main{
  198. 0% { bottom: 0vw; left: 30vw; transform: rotate(0deg);}
  199.  
  200. 50% { bottom: 0vw; left: 30vw; transform: rotate(2deg); }
  201.  
  202. 100% { bottom: 0vw; left: 30vw; }
  203.  
  204. }
  205.  
  206.  
  207.  
  208. </style>
  209. <body>
  210.  
  211. <div class="bakugoubreath">
  212. </div></div>
  213.  
  214. <div class="bakugoumain">
  215. </div></div>
  216.  
  217. <div class="bakugoustomach">
  218. </div></div>
  219.  
  220. <div class="bakugoubackhand">
  221. </div></div>
  222.  
  223. <div class="bakugouhand">
  224. </div></div>
  225.  
  226. <div class="bakugoufinger">
  227. </div></div>
  228.  
  229. <div class="bakugouexpl">
  230. </div></div>
  231.  
  232. <div class="title">
  233. Great Explosion Murder God Dynamight
  234. </div>
  235. <div class="titleback">
  236. Great Explosion Murder God Dynamight
  237. </div>
  238.  
  239. </body>
Advertisement
Add Comment
Please, Sign In to add comment