Прочее
База данных
Аниме
Манга
Ранобэ
Сообщество
Форум
Клубы
Коллекции
Рецензии
Статьи
Пользователи
Разное
Турниры
Календарь
Информация
О сайте
Мы в соц. сетях
Комментарий #2986021
ZerØff
в профиле пользователя
ZerØff
11 мая 2017
@
Orochimaru
, Вставь это в CSS
/*** График активности анимация***/
.activity .graph.vertical .line .bar {
box-sizing:content-box;
transform:translateY(1px);
transform-origin:center bottom;
animation-fill-mode:both;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-duration:0.6s;
animation-name:activity
}
.activity .graph.vertical .line .bar:hover {
animation-name:none;
transform:none
}
.activity .graph.vertical .line:nth-of-type(6n+10) .bar {
animation-delay:-.25s
}
.activity .graph.vertical .line:nth-of-type(6n+4) .bar {
animation-delay:-.5s
}
.activity .graph.vertical .line:nth-of-type(6n+3) .bar {
animation-delay:-.7s
}
.activity .graph.vertical .line:nth-of-type(6n+6) .bar {
animation-delay:-1s
}
.activity .graph.vertical .line:nth-of-type(6n+5) .bar {
animation-delay:-1.25s
}
@keyframes activity {
0%,100% {
transform:translateY(1px)
}
50% {
transform:translateY(14px)
}
}
@keyframes mascot {
0%,100% {
transform:translateY(100px)
}
50% {
transform:translateY(-100px)
}
}
@
Paprika in reality
Ответы
Paprika in reality
26 июля 2017
#
@
ZerØff
, спасибо
@
ZerØff
назад
Твой комментарий
ссылка
аниме
манга
ранобэ
персонаж
человек
OK
Вставка изображения:
OK
Цитирование пользователя:
OK
*
Текст
@Orochimaru, Вставь это в CSS/*** График активности анимация***/
.activity .graph.vertical .line .bar {
box-sizing:content-box;
transform:translateY(1px);
transform-origin:center bottom;
animation-fill-mode:both;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-duration:0.6s;
animation-name:activity
}
.activity .graph.vertical .line .bar:hover {
animation-name:none;
transform:none
}
.activity .graph.vertical .line:nth-of-type(6n+10) .bar {
animation-delay:-.25s
}
.activity .graph.vertical .line:nth-of-type(6n+4) .bar {
animation-delay:-.5s
}
.activity .graph.vertical .line:nth-of-type(6n+3) .bar {
animation-delay:-.7s
}
.activity .graph.vertical .line:nth-of-type(6n+6) .bar {
animation-delay:-1s
}
.activity .graph.vertical .line:nth-of-type(6n+5) .bar {
animation-delay:-1.25s
}
@keyframes activity {
0%,100% {
transform:translateY(1px)
}
50% {
transform:translateY(14px)
}
}
@keyframes mascot {
0%,100% {
transform:translateY(100px)
}
50% {
transform:translateY(-100px)
}
}
@Paprika in reality