KTO96
KPCKevin Powell - Community
•Created by KTO96 on 4/15/2025 in #help
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); } }
@keyframes shimmer { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } }
4 replies