Подведи собственные итоги года совместно с YOUGAME и забери ценные призы! Перейти

Отдайте полосочку (как в геймсенс ргб) в CSS коде.

Участник
Участник
Статус
Оффлайн
Регистрация
4 Фев 2019
Сообщения
773
Реакции
225
Я не знаю как её сделать, а исходника форума скита нетю, помогите пожалуйста.

:roflanPominki::roflanPominki::roflanPominki:
 
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
<style>
.wrapper {
height: 100%;
width: 100%;
left:0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}

</style>

<div style = "height: 10px;" class="wrapper"></div>
 
<style>
.wrapper {
height: 100%;
width: 100%;
left:0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}

</style>

<div style = "height: 10px;" class="wrapper"></div>
Неплохо спастил с сайта скита :seemsgood:
 
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Кто то запрещал мне пастить? Во первых не с сайта скита, во вторых он сам попросил, в чем проблема?
Проблем никаких нет, только, мб ему будпт сложновато это добавить на форум
 
<style>
.wrapper {
height: 100%;
width: 100%;
left:0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}

</style>

<div style = "height: 10px;" class="wrapper"></div>
Спасибо :seemsgood:, круто получилось, правда я гифку уже вставил, но делитну ибо, она слишком быстрая :CoolCat:
 
Screenshot_1.png
 
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Там же просто png этой полоски нужен :negr:
P.S.: на форуме есть эта полоска
Ты что дурак, можно сделать видео как оно переливается закинуть на сурс сайта, подключить его к страницу тэгом <video> </video> (пример ниже), и поставить как в примере тэг loop(значит видео будет выполняться всегда), и убрать тэг controls, задать ему размер легко.
HTML:
Expand Collapse Copy
        <video width="400" height="300" loop controls="controls">
         <source src="images/vid.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
         <source src="images/vid.webm" type='video/webm; codecs="vp8, vorbis"'>
         Тег video не поддерживается вашим браузером. <a href="vid.mp4">Скачайте видео</a>.
        </video>
 
Назад
Сверху Снизу