Metallic animated CSS Gradient
I have an animated CSS only Gradient on https://westnine.tempurl.host/ that I am trying to make look like a metallic shimmer but only using the colours within the SVG.
At present it is looking a bit rainbow-y for lack of a better word.
Can anyone help?
Here is my CSS:
.bg-vector {
position: absolute;
right:0;
top:0;
z-index: -1;
filter: hue-rotate(0deg);
animation: shimmer 2s infinite;
}
@keyframes shimmer {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}
At present it is looking a bit rainbow-y for lack of a better word.
Can anyone help?
Here is my CSS:
.bg-vector {
position: absolute;
right:0;
top:0;
z-index: -1;
filter: hue-rotate(0deg);
animation: shimmer 2s infinite;
}
@keyframes shimmer {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time π.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
