Лучшее руководство по CSS3 переходных сроков функция недвижимости в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,Другие примеры,примеров,примеров,
Переходы с той же скоростью от начала до конца:
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
属性 | |||||
---|---|---|---|---|---|
transition-timing-function | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
переходных сроков функция свойство определяет скорость перехода эффекта.
Это свойство позволяет эффект перехода для изменения скорости его продолжительности.
По умолчанию: | легкость |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.transitionTimingFunction = "линейный" |
значение | описание |
---|---|
линейный | Положения, с той же скоростью, чтобы начать эффект перехода концы (равно кубических Безье (0,0,1,1)). |
легкость | Обеспечение медленного старта, то быстрее, то медленнее, эффекты перехода конец (кубический Безье (0.25,0.1,0.25,1)). |
простота в | Переходные положения к эффекту медленного старта (равный кубического-Безье (0.42,0,1,1)). |
простота вне | Положения, к концу медленных эффектов перехода (эквивалент кубических Безье (0,0,0.58,1)). |
простота и выкатывания | Переходные положения замедленное начал и концов (равно кубических Безье (0.42,0,0.58,1)). |
кубических Безье (п, п,п, п) | Вы определяете свои собственные значения в функции кубических Безье. Возможное значение представляет собой число от 0-1. |
Совет: Попробуйте различные значения в приведенных ниже примерах , чтобы понять , как это работает!
Чтобы лучше понять функции различных значений: Есть пять различных элементов DIV с пятью различными значениями:
И в приведенном выше примере, но задает кривую скорости кубической функции Безье: