morishige

fade txt

Jan 15th, 2022 (edited)
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.58 KB | None | 0 0
  1. background: linear-gradient(black, transparent);
  2. -webkit-background-clip: text;
  3. -webkit-text-fill-color: transparent;
  4.  
  5. // Pro plus: paste this into styling
  6. // Pro standard:
  7.  
  8. <style>
  9. #fade {
  10. background: linear-gradient(black, transparent);
  11. -webkit-background-clip: text;
  12. -webkit-text-fill-color: transparent;
  13. }
  14. </style>
  15. <div id="fade">haiii</div>
  16.  
  17. // You can also change the gradient look/style(??) by changing the gradient order:
  18.  
  19. background: linear-gradient(transparent, black, transparent);
  20. background: linear-gradient(transparent, black);
  21.  
  22. // And use colours! ^___^
Add Comment
Please, Sign In to add comment