Advertisement
kyujouz

float

Dec 16th, 2021
6,011
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.52 KB | None | 0 0
  1.  
  2.  
  3. <style>
  4. #float {
  5. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  6. font-style: italic;
  7. font-size:2em;
  8. font-weight:bold;
  9. color: #fff;
  10. animation-name: floating;
  11. animation-duration: 3s;
  12. animation-iteration-count: infinite;
  13. animation-timing-function: ease-in-out;
  14. }
  15.  
  16. @keyframes floating {
  17. 0% { transform: translate(0, 0px); }
  18. 50% { transform: translate(0, 15px); }
  19. 100% { transform: translate(0, -0px); }
  20. }
  21.  
  22. </style>
  23. <div id="float">floating text</div>
  24.  
  25.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement