![]() |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Как создать сайт?
Как создать свой сайт легко и просто, имеются библиотеки html, css, php, javascript, jquery, web-график. автор: Васильев Олег Никандрович. КАК СОЗДАТЬ САЙТ
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Ссылки на каскадные стили CSS - animation_delay.Поддержка Браузеров
Внимание!!! В спецификации анимации задержки animation-delay не поддерживается в Internet Explorer 9 и более ранних версий. Определение и использование. Спецификация анимации задержки animation-delay определяет, когда анимация начнется, то есть свойство animation-delay устанавливает время ожидания перед воспроизведением анимации на страницах сайта. Значение времени задержки 0s или 0ms, которое установлено по умолчанию, запускает анимацию сразу же, как только она применяется к элементу. Отрицательное значение свойство animation-delay включает анимацию без задержек, но приводит к изменению последовательности начала анимации. Возможно указывать несколько значений, перечисляя значения через запятую. Каждое значение будет применяться к свойству, заданному в параметрах функции animation-name. Значение анимация задержки определяется в секундах(с) или миллисекунд(мс). Внимание!!! Допускаются отрицательные значения,-2s делает анимация начать сразу, но начинается через 2 секунды в анимации. Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что функция animation_delay, которая действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Описание и использование
Свойства Значения
ПРИМЕР
Составим не очень простую программу для анимации со спецификацией анимации задержки animation-delay: < !DOCTYPE html> < html> < head> < style> div #animation_d { width:100px; height:100px; background:red; position:relative; animation:mymove 5s infinite; animation-delay:2s; /*Safari and Chrome*/ -webkit-animation:mymove 5s infinite; -webkit-animation-delay:2s; } @ keyframes mymove { from {left:0px;} to {left:200px;} } @ -webkit-keyframes mymove /*Safari and Chrome*/ { from {left:0px;} to {left:200px;} } < /style> < /head> < body> < p>Примечание: анимация-свойство задержки не поддерживаются в Internet Explorer 9 и более ранних версий.< /p> < div id="animation_d">< /div> < /body> < /html> Посмотрите и вникните в суть этой анимации: Примечание: анимация-свойство задержки не поддерживаются в Internet Explorer 9 и более ранних версий. |