[CSS]: Animated Usernames (Color-Shift) 06-07-2020, 12:22 AM
#1
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
v1.1:
Changes:
- Shadow color is now also animated
Preview:
![[Image: temp.gif]](https://i.ibb.co/s1ZPCby/temp.gif)
![[Image: temp.gif]](https://i.ibb.co/qnYxB3R/temp.gif)
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)
(example: https://sinister.ly/User-miso)
you also can change the colors in the script, the speed & percentages
v1.0Spoiler:
Preview:
![[Image: YOOO.gif]](https://i.ibb.co/FhTCFmY/YOOO.gif)
![[Image: yoo.gif]](https://i.ibb.co/5nxtr7S/yoo.gif)
Script:
![[Image: YOOO.gif]](https://i.ibb.co/FhTCFmY/YOOO.gif)
![[Image: yoo.gif]](https://i.ibb.co/5nxtr7S/yoo.gif)
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]](https://i.ibb.co/s1ZPCby/temp.gif)
![[Image: temp.gif]](https://i.ibb.co/qnYxB3R/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;
}
(This post was last modified: 06-07-2020, 08:43 PM by miso.)
RIP the pizza king
![[Image: 3.0]](https://static-cdn.jtvnw.net/emoticons/v1/1646084/3.0)
all of my contact info is on my Github Profile
all of my contact info is on my Github Profile







![[+]](https://sinister.ly/images/modern/collapse_collapsed.png)