Aylong (обсуждение | вклад) Нет описания правки |
Aylong (обсуждение | вклад) Нет описания правки Метка: отменено |
||
Строка 21: | Строка 21: | ||
#scroll-top:hover { | #scroll-top:hover { | ||
opacity: 0.8; | opacity: 0.8; | ||
} | |||
@keyframes gradient { | |||
0% { | |||
background: linear-gradient( | |||
125deg, | |||
var(--security-light) 0%, | |||
var(--legal-light) 15%, | |||
var(--science-light) 30%, | |||
var(--command-light) 45%, | |||
var(--medical-light) 60%, | |||
var(--civilian-light) 75%, | |||
var(--engineer-light) 90% | |||
); | |||
} | |||
50% { | |||
background: linear-gradient( | |||
125deg, | |||
var(--engineer-light) 0%, | |||
var(--civilian-light) 15%, | |||
var(--medical-light) 30%, | |||
var(--command-light) 45%, | |||
var(--science-light) 60%, | |||
var(--legal-light) 75%, | |||
var(--security-light) 90% | |||
); | |||
} | |||
100% { | |||
background: linear-gradient( | |||
125deg, | |||
var(--security-light) 0%, | |||
var(--legal-light) 15%, | |||
var(--science-light) 30%, | |||
var(--command-light) 45%, | |||
var(--medical-light) 60%, | |||
var(--civilian-light) 75%, | |||
var(--engineer-light) 90% | |||
); | |||
} | |||
} | } |
Версия от 12:12, 23 мая 2024
/* Весь CSS будет отсюда будет загружен пользователям темы оформления «TGUI» */ /* Кнопка "Вверх": [[Файл:Scroll_top.png]] */ #scroll-top { display: none; background: url(https://wiki.ss220.space/images/f/f4/Scroll_top.gif) 0% 0%/38px 38px no-repeat; opacity: 0.3; width: 38px; height: 38px; cursor: pointer; position: fixed; left: 15.45em; bottom: 0.75em; z-index: 10; image-rendering: -moz-crisp-edges; image-rendering: pixelated; transition: opacity var(--transition-time); } #scroll-top:hover { opacity: 0.8; } @keyframes gradient { 0% { background: linear-gradient( 125deg, var(--security-light) 0%, var(--legal-light) 15%, var(--science-light) 30%, var(--command-light) 45%, var(--medical-light) 60%, var(--civilian-light) 75%, var(--engineer-light) 90% ); } 50% { background: linear-gradient( 125deg, var(--engineer-light) 0%, var(--civilian-light) 15%, var(--medical-light) 30%, var(--command-light) 45%, var(--science-light) 60%, var(--legal-light) 75%, var(--security-light) 90% ); } 100% { background: linear-gradient( 125deg, var(--security-light) 0%, var(--legal-light) 15%, var(--science-light) 30%, var(--command-light) 45%, var(--medical-light) 60%, var(--civilian-light) 75%, var(--engineer-light) 90% ); } }