Advertisement
GERMD

CANDYCANE TEXT

Dec 7th, 2021
1,566
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.51 KB | None | 0 0
  1. <style>
  2.  
  3. .candy {
  4. --color1: #1FD537;
  5. --color2: #E40010;
  6.  
  7. -webkit-text-stroke: 1px black;
  8. background: repeating-linear-gradient(
  9. 45deg,
  10. var(--color1),
  11. var(--color1) 30px,
  12. var(--color2) 30px,
  13. var(--color2) 60px
  14. );
  15.  
  16. background-clip: text;
  17. color: transparent;
  18. -webkit-background-clip: text;
  19. font-size: 3em;
  20. animation: 40s linear 0s infinite move;
  21. }
  22.  
  23. @keyframes move {
  24. from {
  25. background-position: 0px;
  26. }
  27. to {
  28. background-position: 1000px;
  29. }
  30. }
  31.  
  32. </style>
  33.  
  34. <div class="candy">YOUR TEXT HERE</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement