Gold [CSS]: Animated Colors (Replaces all elements using custom color)

miso · 06-07-2020, 08:49 PM

Keep in mind that this script is very laggy and can get out of sync due to the lag, it's also badly coded, i don't normally work with animations

You can use it aside the Animated Usernames (the usernames are not animated by this script)

Requirements:
|- CSS Injector

Preview:
[Image: lag.gif]

Code:
@-webkit-keyframes a_ {
    0% { background-color: #000000; color: #FFFFFF;}
    50% { background-color: #FFFFFF; color: #000000;}
    100% { background-color: #000000; color: #FFFFFF;}
}

@-webkit-keyframes b_ {
    0% { color: #FFFFFF;}
    50% { color: #000000;}
    100% { color: #FFFFFF;}
}

@-webkit-keyframes c_ {
    0% { border-color: #FFFFFF;}
    50% { border-color: #000000;}
    100% { border-color: #FFFFFF;}
}

@-webkit-keyframes d_ {
    0% { box-shadow: 0px -2px 0px 0px #FFFFFF inset ;}
    50% { box-shadow: 0px -2px 0px 0px #000000 inset;}
    100% { box-shadow: 0px -2px 0px 0px #FFFFFF inset;}
}

.highlight, .jqiclose, textarea[id*="quickedit"] ~ button:hover, blockquote blockquote cite:hover:after, button.jqibutton:hover, .postbit_buttons > a:hover, .shadetabs li a.selected, #login_modal:before, .theme_bg, .profile_sidebar:after, .profile_sidebar:before, .thead, legend, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, .pagination a:hover, .sceditor-button:hover, .pagination .pagination_current, .popup_item:hover, .poll > span, .jGrowl-message:before, .theme_bg {
  Animation-name : a_;
  Animation-duration : 3s;
  Animation-iteration-count : infinite;
}

.subject_editable input:focus, .profile_tabs, .top, .nav_menu, .footer, textarea:focus, .textbox:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, .editor_dropdown_label:focus, blockquote cite, .codeblock .title {
    Animation-name : c_;
    Animation-duration : 3s;
    Animation-iteration-count : infinite;
}

.header {
  Animation-name : d_;
  Animation-duration : 5s;
  Animation-iteration-count : infinite;
}