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