Отличная CSS3 анимация для показа статуса загрузки

Реклама Google

DooMka	Всем привет, свою сборку сервера я никому не продавал. Все плагины я собирал исключительно сам. Насчёт сервера CS:GO возможно могу подумать, но навряд-ли он появится ближайшие пол года. Никаких пожертвований ни через кого я не принимаю.
Smile*	Обалдеть 9 лет прошло уже))
Smile*	А тут даже MSI до сих пор)) Messi нет ? читал что то про сервер, если что я помогу, было бы здорово зомби открыть . ПО деньгам там не особо и много выходит. Слава, вроде даже сборку у тебя покупал сервера
Smile*	Привет всем!! Блин я думал даже сайт уже мертв.. Так соскучился по зомби серверу .. тоже миллион лет не заходил в 1.6 вот пару дней как скачал.
Smile*	Привет всем!! Блин я думал даже сайт уже мертв.. Так соскучился по зомби серверу .. тоже миллион лет не заходил в 1.6 вот пару дней как скачал.
phoenix	всем привет
maga.mm2017@mai	ку
maga.mm2017@mai	ку
maga.mm2017@mai	re
BlackVampir231	Кто в сети???
BlackVampir231	Всем ку
dockerson
dockerson	Ау есть кто?
dockerson	Ку всем!
CrazyLis	Привет!!!
Nok1a3310	привет
DooMka
DooMka	привет
DooMka	привет
DooMka	привет
Skidow111	есть кто живой ?
Skidow111	всем привет
Skidow111	привет
XakBek	Вот хороший сервер по КС 1.6 - 46.174.52.10:27267
MSI	А что кто то в го играет ? Может я старый уже и мне лень привыкать к механике или просто игра такая тупая и рандомная
DooMka	Всем привет, в CS 1.6 тысячу лет в кс 1.6 не заходил, в неё ещё играют ? =)
Indigo	Здорова всем. Вот добавил в ваш мониторинг сервер зомби biohazard IP: 83.222.104.253:27015
MSI	Вы хотите сервера , платите. Двайте замутимм кошель. Напишем сервера. Кашель куда кидать напишем если надо.... Так же есть группа наша если забыли там голосовалка
Kosmos
Kosmos	уй

Статьи

Отличная CSS3 анимация для показа статуса загрузки

Отличная CSS3 анимация для показа статуса загрузки



0 за 0 против

дата 2014-11-04
поблагодарили 0
просмотров 1095

	добавил DooMka
профиль

Отличная CSS3 анимация для показа статуса загрузки изображения, либо показывать пользователю о статусе отправки или получения каких-либо данных

Ссылка на Демо

Html5

HTML

<div class="spinner">

  <div class="bounce1"></div>

  <div class="bounce2"></div>

  <div class="bounce3"></div>

</div>

CSS3

.spinner {

  margin: 100px auto 0;

  width: 70px;

  text-align: center;

}



.spinner > div {

  width: 18px;

  height: 18px;

  background-color: #333;



  border-radius: 100%;

  display: inline-block;

  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;

  animation: bouncedelay 1.4s infinite ease-in-out;

  /* Prevent first frame from flickering when animation starts */

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.spinner .bounce1 {

  -webkit-animation-delay: -0.32s;

  animation-delay: -0.32s;

}



.spinner .bounce2 {

  -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

}



@-webkit-keyframes bouncedelay {

  0%, 80%, 100% { -webkit-transform: scale(0.0) }

  40% { -webkit-transform: scale(1.0) }

}



@keyframes bouncedelay {

  0%, 80%, 100% { 

    transform: scale(0.0);

    -webkit-transform: scale(0.0);

  } 40% { 

    transform: scale(1.0);

    -webkit-transform: scale(1.0);

  }

}