Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- --- ALL FONTS ---
- <style>
- @font-face {
- font-family:planet;
- src:url(https://dl.dropbox.com/s/9ry0wrpduniwudy/PLANK___.TTF);
- }
- @font-face {
- font-family: fenotype;
- src: url(https://dl.dropbox.com/s/klo6yfrf62916qp/02.10FEN.TTF);
- }
- @font-face {
- font-family: lovely;
- src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
- }
- </style>
- --- FLOATING IMAGE ---
- <style>
- @keyframes floating {
- 0% { transform: translate(0, 0px); }
- 50% { transform: translate(0, 15px); }
- 100% { transform: translate(0, -0px); }
- }
- </style>
- --- TEXT BLUR ON HOVER ---
- <style>
- a:hover {
- webkit-filter: blur(0.5px);
- filter: blur(2px);
- }
- </style>
- --- WOBBLY TEXT ---
- <style>
- @font-face {
- font-family:'PORKYS';
- src: url(https://dl.dropbox.com/s/p47jjxbd1dg8st2/PORKYS_.TTF?);
- }
- #wobble {
- font-size:210%;
- font-family:'PORKYS';
- color:#000;
- font-weight:bold;
- text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
- }
- </style>
- <div id="wobble">Welcome ~</div><script type="text/javascript">
- // <![CDATA[
- var speed=100; // speed of wobbling, lower is faster
- var height=2; // height of wobbling in pixels
- var alink=""; // page to link text to (set to ="" for no link)
- /****************************
- * Wobbly Text Effect *
- *(c) 2003-6 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var wobtxt, wobble, wobcnt=0;
- window.onload=function() { if (document.getElementById) {
- var i, wobli;
- wobble=document.getElementById("wobble");
- wobtxt=wobble.firstChild.nodeValue;
- while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
- for (i=0; i<wobtxt.length; i++) {
- wobli=document.createElement("span");
- wobli.setAttribute("id", "wobb"+i);
- wobli.style.position="relative";
- wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
- if (alink) {
- wobli.style.cursor="pointer";
- wobli.onclick=function() { top.location.href=alink; }
- }
- wobble.appendChild(wobli);
- }
- setInterval("wobbler()", speed);
- }}
- function wobbler() {
- for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
- wobcnt++;
- }
- // ]]>
- </script>
Advertisement
Add Comment
Please, Sign In to add comment