Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <style> .animated-text { background-image: -webkit-linear-gradient(DarkSalmon 50%, LightYellow 50%); background-size: 100% 50px; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; font-size: 100px; } @-webkit-keyframes stripes { 100% { background-position: 0 -50px; } } @keyframes stripes { 100% { background-position: 0 -50px; } } </style> </head> <body> <div class="animated-text"> Trust yourself! </div> </body> </html>