dollcrds

kylo crd co main code

Apr 6th, 2024
534
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.11 KB | None | 0 0
  1. <style>
  2. html {
  3. overflow: scroll;
  4. overflow-x: hidden;
  5. }
  6. ::-webkit-scrollbar {
  7. width: 0; /* remove scrollbar space */
  8. background: transparent; /* to make scrollbar invisible */
  9. }
  10. ::-webkit-scrollbar-thumb {
  11. background: transparent;
  12. }
  13.  
  14. @font-face {
  15. font-family:'kiwi';
  16. src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
  17. }
  18.  
  19. @font-face {
  20. font-family: minecraftia;
  21. src: url(https://dl.dropbox.com/s/qrro6u0lx00x66j/Minecraftia-Regular.ttf?);
  22. }
  23. @keyframes pop {
  24. from {
  25. transform:scale(0.95)
  26. }
  27.  
  28. 50% {
  29. transform:scale(1)
  30. }
  31.  
  32. to {
  33. transform:scale(0.95)
  34. }
  35. }
  36.  
  37. @-webkit-keyframes pop {
  38. from {
  39. -webkit-transform:scale(0.95)
  40.  
  41. }
  42.  
  43. 50% {
  44. -webkit-transform:scale(1)
  45.  
  46. }
  47.  
  48. to {
  49. -webkit-transform:scale(0.95)
  50.  
  51. }
  52. }
  53.  
  54. #text01 {
  55. font-family:'kiwi';
  56. -webkit-animation: pop 1s ease-in-out infinite alternate;
  57. animation: pop 1s ease-in-out infinite alternate;
  58. -moz-animation: pop 1s ease-in-out infinite alternate;
  59. z-index: 999;
  60. position: absolute;
  61. top: 0.75em;
  62. left: 4.5em;
  63. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  64. }
  65.  
  66. @media only screen and (max-width: 600px) {
  67. #text01 {
  68. left: 2.5em;
  69. }
  70. }
  71.  
  72. #image02 {
  73. z-index: 99;
  74. position: absolute;
  75. top: 3em;
  76. left: 20.5em;
  77. }
  78.  
  79. #text02 { } #text02 { font-size: ; /* Change glitch effect here */ /* animation: glitch-2 1s infinite linear; */ animation: glitch-1 2s infinite linear; } @keyframes glitch-1 { 0%, 12%, 15%, 52%, 55%, 82%, 85%, 100% {opacity: 1; transform: scaleX(1) scaleY(1); } 13% {opacity: .8; transform: scaleY(2); color: #000;} 53% {opacity: .8; transform: scaleX(.7); color: #fff;} 83% {opacity: 8; transform: rotate(-10deg); color: #000;} } @keyframes glitch-2 { 13% {color: #fff;} 53% {color: #fff;} 83% {color: #000;} }
  80.  
  81. #text02 {
  82. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  83. font-family:'kiwi';
  84. position: absolute;
  85. z-index: 99;
  86. top: 8em;
  87. left: 8em;
  88. }
  89.  
  90. @media only screen and (max-width: 600px) {
  91. #text02 {
  92. left: 3em;
  93. }
  94. }
  95.  
  96. #image03 {
  97. position: absolute;
  98. z-index: 99;
  99. top: 1em;
  100. }
  101.  
  102. #text03 {
  103. font-family: minecraftia;
  104. height: 10.5em;
  105. overflow: auto;
  106. }
  107.  
  108. #container01 {
  109. position: absolute;
  110. z-index: 9999;
  111. top: 13em;
  112. left: 12em;
  113. }
  114.  
  115. #text04 {
  116. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  117. font-family:'kiwi';
  118. position: absolute;
  119. z-index: 99999;
  120. top: 11em;
  121. left: 7em;
  122. }
  123.  
  124. #text04 { } #text04 { font-size: ; /* Change glitch effect here */ /* animation: glitch-2 1s infinite linear; */ animation: glitch-1 2s infinite linear; } @keyframes glitch-1 { 0%, 12%, 15%, 52%, 55%, 82%, 85%, 100% {opacity: 1; transform: scaleX(1) scaleY(1); } 13% {opacity: .8; transform: scaleY(2); color: #000;} 53% {opacity: .8; transform: scaleX(.7); color: #fff;} 83% {opacity: 8; transform: rotate(-10deg); color: #000;} } @keyframes glitch-2 { 13% {color: #fff;} 53% {color: #fff;} 83% {color: #000;} }
  125.  
  126. @media only screen and (max-width: 600px) {
  127. #text04 {
  128. left: 2.5em;
  129. }
  130. }
  131.  
  132. #container02 {
  133. position: absolute;
  134. z-index: 999;
  135. top: 13em;
  136. width: 7em;
  137. left: 1.5em;
  138. }
  139.  
  140. #container03 {
  141. position: absolute;
  142. z-index: 999;
  143. top: 16em;
  144. width: 7em;
  145. left: 1.5em;
  146. }
  147. </style>
Advertisement
Add Comment
Please, Sign In to add comment