Advertisement
vaninoe

grayscale hover

Jul 14th, 2021 (edited)
1,390
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.23 KB | None | 0 0
  1. <style>
  2. #grayscale img {
  3. filter: grayscale(0%);
  4. transition: .25s ease-out;
  5. }
  6.  
  7. #grayscale:hover img {
  8. filter: grayscale(100%);
  9. transition: .25s ease-in;
  10. }
  11.  
  12. </style>
  13. <div id="grayscale"><img src="Your Image Here">
  14. </img>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement