![]() |
|
Gold [CSS]: Animated Colors (Replaces all elements using custom color) - 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 Colors (Replaces all elements using custom color) (/Thread-Gold-CSS-Animated-Colors-Replaces-all-elements-using-custom-color) |
[CSS]: Animated Colors (Replaces all elements using custom color) - miso - 06-07-2020 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: ![]() 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;
} |