dracslaura

floating text

Oct 12th, 2021
758
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. #float {
  3. font-size:2em;
  4. color: #000;
  5. animation-name: floating;
  6. animation-duration: 3s;
  7. animation-iteration-count: infinite;
  8. animation-timing-function: ease-in-out;
  9. }
  10.  
  11. @keyframes floating {
  12. 0% { transform: translate(0, 0px); }
  13. 50% { transform: translate(0, 15px); }
  14. 100% { transform: translate(0, -0px); }
  15. }
  16.  
  17. </style>
  18. <div id="float">Floating Text</div>
RAW Paste Data