mixue

cr rosettas on whi 3

Sep 5th, 2022 (edited)
331
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.13 KB | None | 0 0
  1. ---main text---
  2. -webkit-text-stroke: 1px black;
  3. filter: drop-shadow( 0 2px #000) drop-shadow( -2px 0 #000);
  4. z-index: 3;
  5.  
  6. (highlight)
  7. filter: drop-shadow( 0 2px white) drop-shadow( 2px 0 white) drop-shadow( 0 -2px white) drop-shadow( -2px 1px 0 white);
  8.  
  9. ---main container---
  10. border: 4px double #000;
  11.  
  12. ---container for info---
  13. border: 2px solid #000;
  14. border-radius: 10px;
  15. height: 9em;
  16.  
  17. ---text shadow---
  18. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  19.  
  20. ---scroll text---
  21. overflow-y: scroll;
  22. height: 4em;
  23.  
  24. ---wobbly text---
  25.  
  26. <style>
  27. @font-face {
  28. font-family: billo;
  29. src: url(https://dl.dropbox.com/s/klv8tmajlqrb2xz/BILLO___.TTF);
  30. }
  31.  
  32. #wobble {
  33. font-size: 3em;
  34. font-weight:bold;
  35. color: #fff;
  36. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  37. font-family: billo;
  38. filter: drop-shadow( 0 2px #000) drop-shadow( -2px 0 #000);
  39. }
  40. </style>
  41.  
  42. <script type="text/javascript">
  43. // <![CDATA[
  44. var speed=100; // speed of wobbling, lower is faster
  45. var height=3; // height of wobbling in pixels
  46. var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
  47.  
  48. /****************************
  49. * Wobbly Text Effect *
  50. *(c) 2003-6 mf2fm web-design*
  51. * http://www.mf2fm.com/rv *
  52. * DON'T EDIT BELOW THIS BOX *
  53. ****************************/
  54. var wobtxt, wobble, wobcnt=0;
  55. window.onload=function() { if (document.getElementById) {
  56. var i, wobli;
  57. wobble=document.getElementById("wobble");
  58. wobtxt=wobble.firstChild.nodeValue;
  59. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  60. for (i=0; i<wobtxt.length; i++) {
  61. wobli=document.createElement("span");
  62. wobli.setAttribute("id", "wobb"+i);
  63. wobli.style.position="relative";
  64. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  65. if (alink) {
  66. wobli.style.cursor="pointer";
  67. wobli.onclick=function() { top.location.href=alink; }
  68. }
  69. wobble.appendChild(wobli);
  70. }
  71. setInterval("wobbler()", speed);
  72. }}
  73.  
  74. function wobbler() {
  75. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  76. wobcnt++;
  77. }
  78. // ]]>
  79. </script>
  80.  
  81. <div id="wobble">hello!</div>
  82.  
Advertisement
Add Comment
Please, Sign In to add comment