Advertisement
ruesha

name bubble betterfly

Aug 3rd, 2024
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.28 KB | None | 0 0
  1. <style>
  2.  
  3. @font-face {
  4. font-family: Betterfly;
  5. src: url(https://dl.dropbox.com/scl/fi/wf51yd35yy4d4wydyb2pk/betterfly.ttf?rlkey=wkcq2rc54qrc9uucr8e4yqzah&dl=0);
  6. }
  7.  
  8. #bubble {
  9. color: #color;
  10. font-family: Betterfly;
  11. font-size: 40px;
  12. -webkit-text-stroke: 0.75px #color;
  13. z-index: 2;
  14. position: relative;
  15. top: 5px;
  16. }
  17.  
  18. </style>
  19.  
  20. <span id="bubble">(name)</span>
  21. <script type="text/javascript">
  22. // <![CDATA[
  23. var bgcolour="#color"; // background colour
  24. var fgcolour="#color"; // foreground colour
  25. var speed=120; // speed of bubbling, lower is faster
  26. var shades=12; // number of shades of bubble
  27.  
  28. /****************************
  29. * Bubbling Text Effect *
  30. *(c)2003-13 mf2fm web-design*
  31. * http://www.mf2fm.com/rv *
  32. * DON'T EDIT BELOW THIS BOX *
  33. ****************************/
  34. var bubbcol=new Array();
  35. var bubbshd;
  36. var bubbler, bubbtxt;
  37. var bubbchr=new Array();
  38.  
  39. function addLoadEvent(funky) {
  40. var oldonload=window.onload;
  41. if (typeof(oldonload)!='function') window.onload=funky;
  42. else window.onload=function() {
  43. if (oldonload) oldonload();
  44. funky();
  45. }
  46. }
  47.  
  48. addLoadEvent(bubbagump);
  49.  
  50. function bubbagump() { if (document.getElementById) {
  51. var i, fg, bg, col;
  52. for (bubbler=0; bubbler<=shades; bubbler++) {
  53. col="#";
  54. for (i=1; i<6; i+=2) {
  55. bg=parseInt(bgcolour.substring(i,i+2),16);
  56. fg=parseInt(fgcolour.substring(i,i+2),16);
  57. col+=dechex(bg+(fg-bg)*(bubbler/shades));
  58. }
  59. bubbcol[bubbler+1]=col;
  60. if (bubbler==Math.floor(shades/2)) bubbshd=col;
  61. }
  62. bubbler=document.getElementById("bubble");
  63. bubbtxt=bubbler.firstChild.nodeValue;
  64. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  65. for (i=0; i<bubbtxt.length; i++) {
  66. fg=document.createElement("span");
  67. fg.setAttribute("id", "bubb"+i);
  68. fg.style.textShadow=bubbshd+" 0px 0px 2px";
  69. fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  70. bubbler.appendChild(fg);
  71. }
  72. bubbler=setInterval("bubbling()", speed);
  73. }}
  74.  
  75. function dechex(dec) {
  76. dec=Math.floor(dec);
  77. return ((dec<16)?'0':'')+dec.toString(16);
  78. }
  79.  
  80. function bubbling() {
  81. var i, bubby;
  82. for (i=0; i<bubbtxt.length; i++) {
  83. bubby=document.getElementById("bubb"+i);
  84. if (bubbchr[i]) {
  85. bubby.style.color=bubbcol[bubbchr[i]];
  86. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  87. }
  88. else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  89. }
  90. }
  91. // ]]>
  92. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement