Search
Star
Feedback
Setup for Free
Β© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
Metallic animated CSS Gradient - Kevin Powell - Community
KP-C
Kevin Powell - Community
β’
11mo ago
β’
3 replies
KTO96
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
;
r
i
g
h
t
:0
;
t
o
p
:0
;
z
-index
:
-1
;
filter
: hue
-rotate
(0deg
)
;
animation
: shimmer 2s infinite
;
}
@keyframes shimmer
{
0
%
{
filter
: hue
-rotate
(0deg
)
;
}
100
%
{
filter
: hue
-rotate
(360deg
)
;
}
}
West Nine | Website Coming Soon
Kieran
Homepage | West Nine | Website Coming Soon
West Nine
- Website Coming Soon
Kevin Powell - Community
Join
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time π.
36,263
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Recent Announcements
Similar Threads
Was this page helpful?
Yes
No
Similar Threads
Animated shadow
KP-C
Kevin Powell - Community / help
5mo ago
Animated Sidebar using dialog-element
KP-C
Kevin Powell - Community / help
5mo ago
Strange behaviour: gradient and rotation
KP-C
Kevin Powell - Community / help
5mo ago
Animated details element using ::details-content
KP-C
Kevin Powell - Community / help
12mo ago