code snippet: rainbow image hovering animation

preview (hover over these):

note: i don't actually care if you leave the credit in

/* === rainbow image filter animation code by seal @talkingheads === */

@keyframes hoverrainbow{
  from{
    filter:saturate(300%) hue-rotate(0deg);
  }
  to{
    filter:saturate(300%) hue-rotate(360deg);
  }
}
main img:hover {
  filter:saturate(300%);
  animation: 1s hoverrainbow infinite linear;
}

/* === end of rainbow image filter code === */

7 Kudos

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

1697310651

doesnt work for me :(

Report Comment

try adding a tag at the start of the code & a tag at the end of the code, it worked for me doing that ^_^ (I'm a beginner coder so that could be entirely wrong)

by solstice; 1698618104; Report

teetertotter_inspired 彡𖦹

1685887286

i use i tried and nothing happens every time i hover the cursor over the images :(

Report Comment

Hi! I see the code seems to be working on your profile, did you have to put it in a specific area for it to work?

by 🌈★profile broken★🌈; 1698207463; Report