aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/css/css_animations/using_css_animations/index.html
diff options
context:
space:
mode:
authorAlexey Pyltsyn <lex61rus@gmail.com>2021-03-23 21:32:09 +0300
committerGitHub <noreply@github.com>2021-03-23 21:32:09 +0300
commit9a96229818a3971444a77c238cc5ae45921db1bf (patch)
treeeb49956807321447f47ebdd01c4d71e1f46779cf /files/ru/web/css/css_animations/using_css_animations/index.html
parenta4f49f9a14007bf65efdbe671d6383e8b233ac5b (diff)
downloadtranslated-content-9a96229818a3971444a77c238cc5ae45921db1bf.tar.gz
translated-content-9a96229818a3971444a77c238cc5ae45921db1bf.tar.bz2
translated-content-9a96229818a3971444a77c238cc5ae45921db1bf.zip
Fix capitalization of Russian pronouns (#294)
* Fix capitalization of Russian pronouns * Apply suggestions from code review Co-authored-by: Alexander Myshov <myshov@users.noreply.github.com> * Update files/ru/web/mathml/element/math/index.html Co-authored-by: Alexander Myshov <myshov@users.noreply.github.com> Co-authored-by: Alexander Myshov <myshov@users.noreply.github.com>
Diffstat (limited to 'files/ru/web/css/css_animations/using_css_animations/index.html')
-rw-r--r--files/ru/web/css/css_animations/using_css_animations/index.html10
1 files changed, 5 insertions, 5 deletions
diff --git a/files/ru/web/css/css_animations/using_css_animations/index.html b/files/ru/web/css/css_animations/using_css_animations/index.html
index 14ccbe0a77..d385be5f08 100644
--- a/files/ru/web/css/css_animations/using_css_animations/index.html
+++ b/files/ru/web/css/css_animations/using_css_animations/index.html
@@ -18,14 +18,14 @@ original_slug: Web/CSS/CSS_Animations/Ispolzovanie_CSS_animatciy
<p>Есть три преимущества CSS-анимации перед традиционными способами:</p>
<ol>
- <li>Простота использования для простых анимаций; Вы можете создать анимацию, не зная JavaScript.</li>
+ <li>Простота использования для простых анимаций; вы можете создать анимацию, не зная JavaScript.</li>
<li>Анимации будут хорошо работать даже при умеренных нагрузках системы. Простые анимации на JavaScript, если они плохо написаны, часто выполняются плохо. Движок может использовать frame-skipping и другие техники, чтобы сохранить производительность на таком высоком уровне .</li>
<li>Позволяет браузеру контролировать последовательность анимации, тем самым оптимизируя производительность и эффективность браузера. Например, уменьшая частоту обновления кадров анимации в непросматриваемых в данный момент вкладках.</li>
</ol>
<h2 id="Конфигурирование_анимации">Конфигурирование анимации</h2>
-<p>Чтобы создать CSS-анимацию Вы должны добавить в стиль элемента, который хотите анимировать, свойство {{ cssxref("animation") }} или его подсвойства. Это позволит Вам настроить ускорение и продолжительность анимации, а также другие детали того, как анимация должна протекать. Это не поможет Вам настроить внешний вид анимации, который настраивается с помощью {{ cssxref("@keyframes") }}, рассматриваемой далее в {{ anch("Определение последовательности анимации с помощью ключевых кадров") }}.</p>
+<p>Чтобы создать CSS-анимацию вы должны добавить в стиль элемента, который хотите анимировать, свойство {{ cssxref("animation") }} или его подсвойства. Это позволит вам настроить ускорение и продолжительность анимации, а также другие детали того, как анимация должна протекать. Это не поможет вам настроить внешний вид анимации, который настраивается с помощью {{ cssxref("@keyframes") }}, рассматриваемой далее в {{ anch("Определение последовательности анимации с помощью ключевых кадров") }}.</p>
<p>Свойство {{ cssxref("animation") }} имеет следующие подсвойства:</p>
@@ -39,7 +39,7 @@ original_slug: Web/CSS/CSS_Animations/Ispolzovanie_CSS_animatciy
<dt>{{ cssxref("animation-delay") }}</dt>
<dd><span id="result_box" lang="ru"><span class="hps">Настраивает</span> <span class="hps">задержку</span> <span class="hps">между временем загрузки элемента и временем начала анимации</span></span>.</dd>
<dt>{{ cssxref("animation-iteration-count") }}</dt>
- <dd>Определяет количество повторений анимации; Вы можете использовать значение <code>infinite</code> для бесконечного повторения анимации.</dd>
+ <dd>Определяет количество повторений анимации; вы можете использовать значение <code>infinite</code> для бесконечного повторения анимации.</dd>
<dt>{{ cssxref("animation-direction") }}</dt>
<dd>Даёт возможность при каждом повторе анимации идти по альтернативному пути, либо сбросить все значения и повторить анимацию.</dd>
<dt>{{ cssxref("animation-fill-mode") }}</dt>
@@ -58,7 +58,7 @@ original_slug: Web/CSS/CSS_Animations/Ispolzovanie_CSS_animatciy
<h2 id="Примеры">Примеры</h2>
-<div class="note"><strong>Внимание:</strong> Примеры ниже не используют префиксов для CSS стилей . Webkit-браузеры и старые версии других браузеров нуждаются в указании префиксов в CSS стилях. Примеры, на которые Вы можете кликнуть в своём браузере, также содержат префиксы -webkit-.</div>
+<div class="note"><strong>Внимание:</strong> Примеры ниже не используют префиксов для CSS стилей . Webkit-браузеры и старые версии других браузеров нуждаются в указании префиксов в CSS стилях. Примеры, на которые вы можете кликнуть в своём браузере, также содержат префиксы -webkit-.</div>
<h3 id="Скольжение_текста">Скольжение текста</h3>
@@ -326,7 +326,7 @@ e.addEventListener("animationiteration", listener, false);
e.className = "slidein";
</pre>
-<p>Это довольно стандартный код; Вы можете получить дополнительную информацию в документации {{ domxref("element.addEventListener()") }}. Последнее, что делает этот код - это установка класса "slidein" для анимируемого элемента; мы делаем это, чтобы запустить анимацию.</p>
+<p>Это довольно стандартный код; вы можете получить дополнительную информацию в документации {{ domxref("element.addEventListener()") }}. Последнее, что делает этот код - это установка класса "slidein" для анимируемого элемента; мы делаем это, чтобы запустить анимацию.</p>
<p>Почему? Потому что в нашем случае событие <code>animationstart</code> происходит как только анимация стартует, и это происходит раньше, чем исполняется наш сценарий. Так мы сможем контролировать начало анимации самостоятельно посредством вставки класса "slidein" для анимируемого элемента.</p>