Skip to content

Instantly share code, notes, and snippets.

@refoerofekr
Created June 29, 2023 14:26
Show Gist options
  • Save refoerofekr/e536d3fad6c030fc04c4cba8359d75a2 to your computer and use it in GitHub Desktop.
Save refoerofekr/e536d3fad6c030fc04c4cba8359d75a2 to your computer and use it in GitHub Desktop.
gradient
:root {
--violet_main: rgb(174, 156, 255);
--violet_dark: rgb(106, 53, 156);
--pink: rgb(184, 43, 207);
}
@keyframes sex{
from {
background-position: 0% center;
}
to {
background-position: 200% center;
}
}
.tonloot {
background:linear-gradient(
to right,
var(--violet_main),
var(--violet_dark),
var(--pink),
var(--violet_main));
white-space: nowrap;
background-size: 200%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: sex 4s linear infinite;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment