![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Как создать сайт?
Как создать свой сайт легко и просто, имеются библиотеки html, css, php, javascript, jquery, web-график. автор: Васильев Олег Никандрович. КАК СОЗДАТЬ САЙТ
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Ссылки на каскадные стили CSS - transition-timing-functionПоддержка Браузеров
Внимание!!! Свойство transition-timing-function не поддерживается в Internet Explorer 9 и более ранних версий. Определение и использование. Свойство transition-timing-function определяет скорость кривой переходного эффекта. Свойство transition-timing-function определяет скорость изменения значения стилевого свойства для которого применяется эффект перехода. Свойство transition-timing-function представляет собой математическую функцию, показывающую, как быстро по времени меняется указанное через transition-property значение свойства. Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство transition-timing-function, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно. Синтаксис: transition-timing-function: ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|initial|inherit; Описание и Использование
Property Values
Пишем программу: < !DOCTYPE> < html> < head> < style> div { width:120px; height:50px; background: #F7C; color:white; font-weight:bold; transition:width 2s; -webkit-transition:width 2s; /* Safari */ } #rr1 {transition-timing-function: linear;} #rr2 {transition-timing-function: ease;} #rr3 {transition-timing-function: ease-in;} #rr4 {transition-timing-function: ease-out;} #rr5 {transition-timing-function: ease-in-out;} /* Safari */ #rr1 {-webkit-transition-timing-function: linear;} #rr2 {-webkit-transition-timing-function: ease;} #rr3 {-webkit-transition-timing-function: ease-in;} #rr4 {-webkit-transition-timing-function: ease-out;} #rr5 {-webkit-transition-timing-function: ease-in-out;} div:hover { width:550px; } < /style> < /head> < body> < p>< b>Примечание:< /b> Этот пример не работает в IE9 и более ранних версий.< /p> < div id="rr1">linear< /div>< br> < div id="rr2">ease< /div>< br> < div id="rr3">ease-in< /div>< br> < div id="rr4">ease-out< /div>< br> < div id="rr5">ease-in-out< /div> Результат программы: Примечание: Этот пример не работает в IE9 и более ранних версий. linear ease ease-in ease-out ease-in-out
Наведите на элементы div, чтобы увидеть различные эффекты перехода.
ПОНРАВИЛОСЬ?
|
добрый день!
фотограф
Оля Леман свадьбы и торжества. нажмите сюда ![]()
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Сайт работает с 04.12.2013г. по 17-01-2021г. уже 8 лет © Права на сайт у Олега Васильева.
Копирование сайта при указании ссылки на источник. |