rainbow text

<style>
@keyframes slide {
0% { background-position-x: 0%; }
100% { background-position-x: 300vw; }
}

.rainbow {
font-size: 35px;
background: repeating-linear-gradient(-45deg, red 0%, yellow 7.14%, #0f0 14.28%, #0ff 21.42%, cyan 28.56%, blue 35.7%, magenta 42.84%, red 50%);
-webkit-animation: 'slide' 10s infinite linear forwards;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
</style>

<div class="rainbow">
push u away </div>

Edit

Pub: 14 Aug 2022 22:02 UTC

Edit: 14 Aug 2022 22:07 UTC

Views: 360