Рейтинг темы:
  • 1 Голос(ов) - 5 в среднем
  • 1
  • 2
  • 3
  • 4
  • 5
Анимация статуса сервера и не только
#1
Ответ
#2
Анимация №5 (Появление <> Исчезновение)

[Изображение: l2banners_animation_5.gif]

Еще одна очень простая, но не менее интересная анимация


В engine.css в самом низу добавляем:
.l2banners_animation_5 {
animation: l2banners_opacity 4s infinite;
}

@keyframes l2banners_opacity {
from {
opacity: 1;
}
50% {
opacity: 0;
}
to {
opacity: 1;
}
}


В файле server.tpl добавляем класс:
class="l2banners_animation_5"
Ответ
#3
Анимация №6 (Свечение вокруг текст)

Еще одна анимация. Она более индивидуальная. Свечение вокруг текста, который находится в вашем статусе. Работает только на текст. По умолчанию стоит белый цвет, но без труда можно поменять на любой.

[Изображение: l2banners_animation_6.gif]

В engine.css в самом низу добавляем:

.l2banners_animation_6 {
animation: l2banners_shadow 4s infinite;
}

@keyframes l2banners_shadow {
from {
text-shadow: none;
}
74% {
text-shadow: none;
}
75% {
text-shadow: 0 0 1px #fff;
}
80% {
text-shadow: 0 0 50px #fff;
}
to {
text-shadow: none;
}
}


В файле server.tpl добавляем класс:

class="l2banners_animation_6"
Ответ
#4
Анимация №7 (Вибрация №1)



[Изображение: l2banners_animation_7.gif]

В engine.css в самом низу добавляем:

.l2banners_animation_7 {
-webkit-animation: vibrate-1 0.3s linear infinite both;
animation: vibrate-1 0.3s linear infinite both;
position: relative;
}

@keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}


В файле server.tpl добавляем класс:

class="l2banners_animation_7"
Ответ
#5
Анимация №8 (Drag_up)

[Изображение: l2banners_animation_8.gif]

В engine.css в самом низу добавляем:


/* Анимация 8 */
.l2banners_animation_8 {
animation: l2b_drag_up 3s linear infinite both;
transform-origin: 50% 50%;
}
@keyframes l2b_drag_up {
0% {
transform: translate(0px, 0px) rotate(0deg) scaleX(1) scaleY(1);
}
5% {
transform: translate(0px, -10px) rotate(-3deg) scaleX(0.8) scaleY(0.8);
}
10% {
transform: translate(0px, -21px) rotate(-3deg) scaleX(0.8) scaleY(0.8);
}
15% {
transform: translate(0px, -16px) rotate(3deg) scaleX(1.2) scaleY(1.2);
}
20% {
transform: translate(0px, -12px) rotate(-3deg) scaleX(1.2) scaleY(1.2);
}
25% {
transform: translate(0px, -7px) rotate(3deg) scaleX(1.2) scaleY(1.2);
}
30% {
transform: translate(0px, -2px) rotate(-3deg) scaleX(1.2) scaleY(1.2);
}
35% {
transform: translate(0px, 2px) rotate(3deg) scaleX(1.2) scaleY(1.2);
}
40% {
transform: translate(0px, 7px) rotate(-3deg) scaleX(1.2) scaleY(1.2);
}
45% {
transform: translate(0px, 7px) rotate(3deg) scaleX(1.2) scaleY(1.2);
}
50% {
transform: translate(0px, 0px) rotate(0deg) scaleX(1) scaleY(1);
}
100% {
transform: translate(0px, 0px) rotate(0deg) scaleX(1) scaleY(1);
}
}



В файле server.tpl добавляем класс:


class="l2banners_animation_8"
Get-Web.site - Качественная верстка сайтов!
Ответ


Возможно похожие темы ...
Тема Автор Ответы Просмотры Последний пост
  Шифрование паролей в бд логин сервера yar1k0v 6 3,870 01-30-2014, 01:40 AM
Последний пост: ra1n
  счетчик до открытия сервера pyworld 4 2,460 11-27-2013, 03:20 PM
Последний пост: Quarrel
  Проблема с привязкой сервера к сайту nelson 17 3,506 01-12-2013, 02:59 AM
Последний пост: Anikey
  Кнопка переключения выбора сервера Someday 3 2,033 05-12-2012, 04:15 AM
Последний пост: L2CCCP
  Привезка сервера к сайту mexan019 6 2,559 05-10-2012, 10:40 PM
Последний пост: Литион
  Статус сервера в Stress Web Den95 7 5,778 02-20-2012, 09:14 PM
Последний пост: BrutiSmit
  2 сервера на сайте sava2711 11 3,074 06-07-2011, 11:49 PM
Последний пост: sava2711
  Сайт для сервера leone 6 2,951 05-04-2011, 01:34 AM
Последний пост: ZhukV
  Статус сервера SkAvenger 7 3,531 12-17-2010, 10:10 PM
Последний пост: niko42
  [share]скрипт sms оповещение о недоступности сервера. DreamCast 3 5,274 11-08-2010, 12:15 AM
Последний пост: DreamCast

Перейти к форуму:


Пользователи, просматривающие эту тему: 1 Гость(ей)