WorldByte.Net - наш хостинг-партнёр
Авторизация Регистрация
Полезные PHP коды | Графика | Очень простая и легкая анимация
Название: Очень простая и легкая анимация
Описание:
Анимация динамического градиента фона страницы
Код:
<style>

@keyframes blink {

  0% {

    background: violet;

  }

  14.3% {

    background: indigo;

  }

  28.6% {

    background: blue;

  }

  42.9% {

    background: green;

  }

  57.2% {

    background: yellow;

  }

  71.5% {

    background: orange;

  }

  85.8% {

    background: red;

  }

  100% {

    background: violet;

  }

}



@-webkit-keyframes blink {

  0% {

    background: violet;

  }

  14.3% {

    background: indigo;

  }

  28.6% {

    background: blue;

  }

  42.9% {

    background: green;

  }

  57.2% {

    background: yellow;

  }

  71.5% {

    background: orange;

  }

  85.8% {

    background: red;

  }

  100% {

    background: violet;

  }

}



div {

  height: 300px;

  width: 300px;

  border: 1px solid black;

  animation: blink 20s linear infinite;

  -webkit-animation: blink 20s linear infinite;

}

</style>

<div></div>

Добавил: k011E [Соз.](8 Мая 2017 в 11:45)
Просмотров: 262
Уникальных просмотров: 12
Рейтинг: 0/0 [История изменения рейтинга]
Комментарии [0]
Ген. 0.0057
© Php-Zona.Ru 2014-2021 г.