Advertisement
ANDROMETAS

very slow floaty letters

Oct 30th, 2021
140
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <style>
  4.  
  5. @keyframes move {
  6. 25% {transform: translate(2px, 19px);}
  7. 50% {transform: translate(-5px, 15px);
  8. }
  9. 75% {transform: translate(-2px, 17px);
  10. }
  11. 100% {transform: translate(0px, 0px);
  12. }
  13. }
  14.  
  15. #test {
  16. font: bold 100px arial;
  17. color: white;
  18. -webkit-text-stroke: 1px black;
  19. animation: move 10s reverse infinite;
  20. }
  21. </style>
  22. <body>
  23. <div id="test">Your text here</div>
  24. </body>
  25. </html>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement