Advertisement
Guest User

put this part in your css

a guest
Jan 5th, 2024
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.70 KB | None | 0 0
  1.  
  2.  
  3. /********* scanlines **********/
  4.  
  5. body::before{
  6. content: "";
  7. display: block;
  8. position: fixed;
  9. top: 0;
  10. left: 0;
  11. bottom: 0;
  12. right: 0;
  13. background: linear-gradient(rgba(20, 20, 40, 0) 66%, rgba(0, 0, 0, 0.20) 33%);
  14. background-size: 100% calc(3px * var(--toggle));
  15. z-index: 9999;
  16. pointer-events: none;
  17.  
  18. animation: scanlines-anim 0.7s linear infinite;
  19. animation-play-state: var(--playState);
  20. }
  21.  
  22. @keyframes scanlines-anim{
  23. 0% {
  24. background-position: 0px 0px;
  25. }
  26. 100% {
  27. background-position: 0px 9px;
  28. }
  29. }
  30.  
  31.  
  32. @media {
  33. /********* scanlines **********/
  34. body::before{
  35. background-size: 100% 5px;
  36. }
  37. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement