diff options
Diffstat (limited to 'files/ru/web/css/css_transitions/using_css_transitions')
| -rw-r--r-- | files/ru/web/css/css_transitions/using_css_transitions/index.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/files/ru/web/css/css_transitions/using_css_transitions/index.html b/files/ru/web/css/css_transitions/using_css_transitions/index.html index 69572dcdd2..883e0dbca5 100644 --- a/files/ru/web/css/css_transitions/using_css_transitions/index.html +++ b/files/ru/web/css/css_transitions/using_css_transitions/index.html @@ -15,7 +15,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions <h2 id="Какие_CSS_свойства_анимируются">Какие CSS свойства анимируются?</h2> -<p>Разработчик может определить какое свойство и как анимировать. Это позволяет создавать сложные переходы. Так как некоторые свойства не имеет смысла анимировать, перечень<a href="/en-US/docs/CSS/CSS_animated_properties"> доступных для анимирования свойств </a>ограничен определенным набором.</p> +<p>Разработчик может определить какое свойство и как анимировать. Это позволяет создавать сложные переходы. Так как некоторые свойства не имеет смысла анимировать, перечень<a href="/en-US/docs/CSS/CSS_animated_properties"> доступных для анимирования свойств </a>ограничен определённым набором.</p> <div class="note">Замечание: Перечень анимируемых свойств может меняться по мере изменения спецификации.</div> @@ -60,7 +60,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions <p>CSS переходы контролируются свойством<a href="https://developer.mozilla.org/en-US/docs/CSS/transition"> </a>{{cssxref("transition")}}. Это лучший способ их настроить, позволяет избежать длинных свойств и их несоответствий, которые могут сделать отладку CSS долгой.</p> -<p>Можно контролировать определенные параметры перехода следующими подсвойствами:</p> +<p>Можно контролировать определённые параметры перехода следующими подсвойствами:</p> <p><strong>(Заметьте, что циклы переходов бесконечны только для наших примеров; CSS <code>transition</code>s только анимируют смену свойства. Если вам нужно визуализировать этот цикл, обратите внимание на свойство <a href="/en-US/docs/CSS/animation"><code>animation</code></a>.)</strong></p> @@ -889,7 +889,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <h2 id="Определение_завершения_перехода">Определение завершения перехода</h2> -<p>Есть событие, срабатывающее, когда переход завершен. Во всех браузерах, совместимых со стандартами, есть событие <code>transitionend</code>, в WebKit есть <code>webkitTransitionEnd</code>. Смотрите таблицу поддержки браузерами для дополнительной информации. У <code>transitionend</code> есть 2 свойства:</p> +<p>Есть событие, срабатывающее, когда переход завершён. Во всех браузерах, совместимых со стандартами, есть событие <code>transitionend</code>, в WebKit есть <code>webkitTransitionEnd</code>. Смотрите таблицу поддержки браузерами для дополнительной информации. У <code>transitionend</code> есть 2 свойства:</p> <dl> <dt><code>propertyName</code></dt> @@ -938,7 +938,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <h2 id="Простой_пример">Простой пример</h2> -<p>Пример 4 секунды выполняет плавное изменение шрифта за 2 секунды, после того как пользователь навел мышь на элемент:</p> +<p>Пример 4 секунды выполняет плавное изменение шрифта за 2 секунды, после того как пользователь навёл мышь на элемент:</p> <pre class="brush: css">#delay1 { position: relative; @@ -1017,7 +1017,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="foo"></div> </pre> -<p>Используя JavaScript, добиваемся эффекта перемещения шара на определенную позицию:</p> +<p>Используя JavaScript, добиваемся эффекта перемещения шара на определённую позицию:</p> <pre class="brush: js">var f = document.getElementById('foo'); document.addEventListener('click', function(ev){ |