значение ВремяCSS3-генератор ☛

Значения свойств: inheritinitialunsetАдресВремяМедиа-запросыПроцентыРазмерСтрокаУголФильтрЦветЧисло

Задаёт время в секундах или миллисекундах. Значение состоит из целого или дробного числа, за которым сразу же следует символ s для секунд или ms для миллисекунд. Пробел после числа недопустим. Для преобразования единиц помните, что 1s = 1000ms.

При нулевом значении единица времени не опускается и также должна быть добавлена. Всегда пишите 0s или 0ms вместо простого 0.

Синтаксис ?

Свойство: <время>
Пример
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Загрузка...</title>
  <style>
   .loading {
    width: 240px;
    margin: auto;
    padding: 20px 0 10px;
    background: #333;
    color: #fff;
    text-align: center;
   }
   .spin {
    display: inline-block;
    width: 30px; height: 30px;
    border: 10px solid #ccc;
    border-right: 10px solid transparent;
    border-radius: 30px;
    /* Анимация */
    animation: spin 2s linear 0s infinite normal;
   }
   /* Задаём вращение */
   @keyframes spin { from { transform: rotate(0deg); }
                     to { transform: rotate(360deg); } }
  </style>
 </head>
 <body>
  <div class="loading">
   <div class="spin"></div>
   <p>Загружается...</p>
  </div>
 </body>
</html>

В данном примере задаётся время вращения элемента 2 секунды, анимация начинается сразу же после загрузки страницы.

Спецификация ?

СпецификацияСтатус
CSS Values and Units Module Level 3Возможная рекомендация
CSS Level 2 (Revision 1)Рекомендация
✖

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor's draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Браузеры: Настольные Мобильные     ?

Internet ExplorerChromeOperaSafariFirefox
91110.53.24
AndroidFirefox MobileOpera MobileSafari Mobile
2.1410.53.2
✖

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Справочник CSS