Advertisement
DOLLIECARRDS

FLOATING IMG (B&W ON HOVER)

Aug 26th, 2022
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.39 KB | None | 0 0
  1. <style>
  2. #image01 {
  3. animation-name: floating;
  4. animation-duration: 3s;
  5. animation-iteration-count: infinite;
  6. animation-timing-function: ease-in-out;
  7. filter: saturate(100%); transition: all 0.01s ease;
  8. }
  9.  
  10. img:hover { filter: saturate(0%);}
  11.  
  12. @keyframes floating {
  13. 0% { transform: translate(0, 0px); }
  14. 50% { transform: translate(0, 15px); }
  15. 100% { transform: translate(0, -0px); }
  16. }
  17.  
  18. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement