Gold [CSS]: Animated Usernames (Color-Shift)

Gold [CSS]: Animated Usernames (Color-Shift) - Printable Version

+- Sinisterly (https://sinister.ly)
+-- Forum: Computers (https://sinister.ly/Forum-Computers)
+--- Forum: Hardware & Customization (https://sinister.ly/Forum-Hardware-Customization)
+--- Thread: Gold [CSS]: Animated Usernames (Color-Shift) (/Thread-Gold-CSS-Animated-Usernames-Color-Shift)

[CSS]: Animated Usernames (Color-Shift) - miso - 06-07-2020

this script is super simple, it allows the user to have its name have a simple & customisable color shifting animation on their username

Requirements:
|- CSS Injector

to apply it to your username, you will just need to replace %url% by the url of your profile
(example: https://sinister.ly/User-miso)

you also can change the colors in the script, the speed & percentages

v1.0

Spoiler:

Preview:

Script:

Code:
@-webkit-keyframes color-change {
    0% { color: #FF0099; }
    50% { color: #33FFFF; }
    100% { color: #FF0099; }
}

a[href^="%url%"] span {
  Animation-name : color-change;
  Animation-duration : 3s;
  Animation-iteration-count : infinite;
}

v1.1:

Changes:
- Shadow color is now also animated

Preview:
[Image: temp.gif]

Code:
@-webkit-keyframes color-change {
    0% { color: #000000; text-shadow: 0 0 5px #000000;}
    50% { color: #FFFFFF; text-shadow: 0 0 5px #FFFFFF;}
    100% { color: #000000; text-shadow: 0 0 5px #000000;}
}

a[href^="%url%"] span {
  Animation-name : color-change;
  Animation-duration : 3s;
  Animation-iteration-count : infinite;
}

RE: [CSS]: Animated Usernames (Color-Shift) - CodrutAlex - 06-07-2020

Nice post thx for sharing

RE: [CSS]: Animated Usernames (Color-Shift) - miso - 06-07-2020

v1.1 Update
- Shadow color is now also animated