Advertisement
dnwmfilms

↳ ❝ [shaking] ¡! ❞

Nov 6th, 2021
39
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.83 KB | None | 0 0
  1. <style>
  2. .shk {
  3. color:pink;
  4. animation: shake2 1s;
  5. animation-iteration-count: infinite;
  6. -webkit-transition: .4s ease-in;
  7. -moz-transition: .4s ease-in;
  8. transition: .4s ease-in;
  9. }
  10.  
  11. @keyframes shake {
  12. 0% {
  13. transform: translate(1px, 1px) rotate(0deg);
  14. }
  15.  
  16. 10% {
  17. transform: translate(-1px, -2px) rotate(-1deg);
  18. }
  19.  
  20. 20% {
  21. transform: translate(-2px, 0px) rotate(1deg);
  22. }
  23.  
  24. 30% {
  25. transform: translate(1px, 1px) rotate(0deg);
  26. }
  27.  
  28. 40% {
  29. transform: translate(1px, -1px) rotate(1deg);
  30. }
  31.  
  32. 50% {
  33. transform: translate(-1px, 2px) rotate(-1deg);
  34. }
  35.  
  36. 60% {
  37. transform: translate(-2px, 1px) rotate(0deg);
  38. }
  39.  
  40. 70% {
  41. transform: translate(2px, 1px) rotate(-1deg);
  42. }
  43.  
  44. 80% {
  45. transform: translate(-1px, -1px) rotate(1deg);
  46. }
  47.  
  48. 90% {
  49. transform: translate(1px, 1px) rotate(0deg);
  50. }
  51.  
  52. 100% {
  53. transform: translate(1px, -2px) rotate(-1deg);
  54. }
  55. }
  56.  
  57. @keyframes shake2 {
  58. 0% {
  59. transform: translate(1px, 1px) rotate(0deg);
  60. }
  61.  
  62. 10% {
  63. transform: translate(-1px, -2px) rotate(0deg);
  64. }
  65.  
  66. 20% {
  67. transform: translate(-1px, 0px) rotate(1deg);
  68. }
  69.  
  70. 30% {
  71. transform: translate(1px, 1px) rotate(0deg);
  72. }
  73.  
  74. 40% {
  75. transform: translate(1px, -1px) rotate(1deg);
  76. }
  77.  
  78. 50% {
  79. transform: translate(-1px, 2px) rotate(0deg);
  80. }
  81.  
  82. 60% {
  83. transform: translate(-1px, 1px) rotate(0deg);
  84. }
  85.  
  86. 70% {
  87. transform: translate(1px, 1px) rotate(-1deg);
  88. }
  89.  
  90. 80% {
  91. transform: translate(-1px, -1px) rotate(0deg);
  92. }
  93.  
  94. 90% {
  95. transform: translate(1px, 1px) rotate(0deg);
  96. }
  97.  
  98. 100% {
  99. transform: translate(1px, -2px) rotate(-1deg);
  100. }
  101. }
  102. </style>
  103. <script type="text/javascript">
  104. // <![CDATA[
  105. var news = Array("YOU CAN...", "...PUT UR TEXT HERE", );
  106. var cursor = "";
  107. // set cursor
  108. var delay = 1.5;
  109. // seconds between each news item
  110.  
  111. /***************************\
  112. * News Ticker Text Effect *
  113. *(c)2004-14 mf2fm web-design*
  114. * http://www.mf2fm.com/rv *
  115. * DON'T EDIT BELOW THIS BOX *
  116. \***************************/
  117. var newsp, cursp, flash, item = 0;
  118.  
  119. if (typeof ('addRVLoadEvent') != 'function')
  120. function addRVLoadEvent(funky) {
  121. var oldonload = window.onload;
  122. if (typeof (oldonload) != 'function')
  123. window.onload = funky;
  124. else
  125. window.onload = function() {
  126. if (oldonload)
  127. oldonload();
  128. funky();
  129. }
  130. }
  131.  
  132. addRVLoadEvent(teleprint);
  133.  
  134. function teleprint() {
  135. if (document.getElementById) {
  136. var span = document.getElementById("news");
  137. while (span.childNodes.length)
  138. span.removeChild(span.childNodes[0]);
  139. delay *= 1000;
  140. newsp = document.createElement("span");
  141. cursp = document.createElement("span");
  142. cursp.appendChild(document.createTextNode(String.fromCharCode(160) + cursor));
  143. span.appendChild(newsp);
  144. span.appendChild(cursp);
  145. ticker();
  146. }
  147. }
  148.  
  149. function ticker() {
  150. var i;
  151. while (newsp.childNodes.length)
  152. newsp.removeChild(newsp.childNodes[0]);
  153. newsp.appendChild(document.createTextNode(news[item].substring(0, 1)));
  154. for (i = 1; i < news[item].length; i++)
  155. setTimeout('newsp.firstChild.nodeValue="' + news[item].substring(0, i + 1) + '"', 100 * i);
  156. if (news[item].indexOf("www") != -1)
  157. setTimeout('linkit(' + item + ')', 100 * i);
  158. setTimeout('flash=setInterval("cursp.style.visibility=(cursp.style.visibility==\'visible\')?\'hidden\':\'visible\'", 234)', 100 * i)
  159. setTimeout('clearInterval(flash)', delay);
  160. setTimeout('cursp.style.visibility="visible"', delay);
  161. setTimeout('ticker()', delay);
  162. item = ++item % news.length;
  163. }
  164.  
  165. function linkit(q) {
  166. var a, p, e, l;
  167. p = news[q].indexOf("www");
  168. e = news[q].indexOf(" ", p);
  169. if (e == -1)
  170. e = news[q].length;
  171. l = news[q].substring(p, e);
  172. while (newsp.childNodes.length)
  173. newsp.removeChild(newsp.childNodes[0]);
  174. newsp.appendChild(document.createTextNode(news[q].substring(0, p)));
  175. a = document.createElement("a");
  176. a.href = "http://" + l;
  177. a.appendChild(document.createTextNode(l));
  178. newsp.appendChild(a);
  179. newsp.appendChild(document.createTextNode(news[q].substring(e)));
  180. }
  181. // ]]>
  182. </script>
  183.  
  184. <h1 id="news" class="shk">TEXT HERE</h1>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement