Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style animation Property

<Style Object

пример

Изменение анимации в <div> элемент, используя сокращённое свойство:

// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";

// Standard syntax
document.getElementById("myDIV").style.animation = "mynewmove 4s 2";
Попробуй сам "

Определение и использование

Свойство анимации свойство является обобщающим для шести свойств анимации:

animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection

Note: Всегда указывайте свойство animationDuration, в противном случае продолжительность составляет 0, и никогда не будет воспроизведена.

Поддержка браузеров

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Числа следует Webkit, Моз, или O указать первую версию, которая работала с префиксом.

Имущество
animation 43,0
4,0 Webkit 		10,0 16,0
5,0 Мос 		4,0 Webkit 30,0
15,0 Webkit
12,1
12,0 -о-

Примечание: Chrome, Safari и Opera поддерживают альтернативу, свойство WebkitAnimation.

Синтаксис

Возвращает свойство анимации:

object .style.animation

Установите свойство анимации:

object .style.animation=" Значения свойств
Стоимость Описание
animationName Определяет имя ключевого кадра вы хотите связать с селектором
animationDuration Определяет, сколько секунд или миллисекунды анимации требуется для завершения
animationTimingFunction Определяет кривую скорости анимации
animationDelay Задает задержку перед анимация будет начать
animationIterationCount Определяет, сколько раз нужно играть анимации
animationDirection Указывает, должен ли анимация играть в обратном направлении с чередованием
animationFillMode Определяет, какие значения применяются анимацией вне времени его выполнения
animationPlayState Определяет, будет ли анимация работает или приостановлена
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: никто 0 непринужденность 0 1 нормальный ход ни один
Возвращаемое значение: Строка, представляющая свойство анимации элемента
CSS версия CSS3

Похожие страницы

Ссылка CSS: animation property

<Style Object