aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/css/css_transitions/using_css_transitions
diff options
context:
space:
mode:
authorAlexey Pyltsyn <lex61rus@gmail.com>2021-09-06 10:49:18 +0300
committerGitHub <noreply@github.com>2021-09-06 12:49:18 +0500
commit6c094948c62abdbb132a28a26c0a5042ce2ffb20 (patch)
treecb5e3de306c09d1bfcc6a4d02f6dd782379ef088 /files/ru/web/css/css_transitions/using_css_transitions
parent33a5bcbcd367750dc0b7376f692d5aacfb799303 (diff)
downloadtranslated-content-6c094948c62abdbb132a28a26c0a5042ce2ffb20.tar.gz
translated-content-6c094948c62abdbb132a28a26c0a5042ce2ffb20.tar.bz2
translated-content-6c094948c62abdbb132a28a26c0a5042ce2ffb20.zip
[RU] Fix some typos (#2357)
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.html10
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 d02444ac6b..ccb564051d 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
@@ -5,7 +5,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
---
<p>{{CSSref}}{{SeeCompatTable}}</p>
-<p><span class="seoSummary"><strong>CSS transitions</strong> предоставляют способ контролировать скорость анимации, при изменении CSS свойств. Вместо того, чтобы свойство применилось сразу, вы можете сделать это действие происходящим в течение какого-то момента времени. Например, если вы смените цвет элемента с белого на чёрный, изменение произойдёт моментально, а вот с CSS transitions, изменения произойдут за временные интервалы, следующих кривой ускорения, все из которых могут быть настроены.</span></p>
+<p><span class="seoSummary"><strong>CSS transitions</strong> предоставляют способ контролировать скорость анимации, при изменении CSS-свойств. Вместо того, чтобы свойство применилось сразу, вы можете сделать это действие происходящим в течение какого-то момента времени. Например, если вы смените цвет элемента с белого на чёрный, изменение произойдёт моментально, а вот с CSS transitions, изменения произойдут за временные интервалы, следующих кривой ускорения, все из которых могут быть настроены.</span></p>
<p>Анимации, составляющие переход между двумя состояниями, часто называют <em>неявными переходами</em>, так как промежуточные состояния в период между начальным и конечным состоянием неявно определяются браузером.<img alt="A CSS transition tells the browser to draw the intermediate states between the initial and final states, showing the user a smooth transitions." src="/files/4529/TransitionsPrinciple.png" style="display: block; height: 196px; margin: auto; width: 680px;"></p>
@@ -13,7 +13,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<div class="note"><strong>Замечание:</strong> CSS переходы могут использоваться без префиксов, однако спецификация только недавно достигла стабильности, префиксы по-прежнему необходимы для браузеров на WebKit. Они также необходимы для поддержки старых версий браузеров (таких как: Firefox 15, Opera 12 и более ранних). Таблица совместимости приведена внизу страницы с ещё большим количеством информации.</div>
-<h2 id="Какие_CSS_свойства_анимируются">Какие CSS свойства анимируются?</h2>
+<h2 id="Какие_CSS_свойства_анимируются">Какие CSS-свойства анимируются?</h2>
<p>Разработчик может определить какое свойство и как анимировать. Это позволяет создавать сложные переходы. Так как некоторые свойства не имеет смысла анимировать, перечень<a href="/en-US/docs/CSS/CSS_animated_properties"> доступных для анимирования свойств </a>ограничен определённым набором.</p>
@@ -21,7 +21,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<p class="note">Значение свойства <code>auto</code> является сложным случаем. Спецификация не рекомендует анимировать в значение <code>auto</code> и из значения <code>auto</code>. Браузеры, основанные на Gecko, исполняют это требование в точности, а основанные на WebKit не так строго. Использование переходов с <code>auto</code> следует избегать, так как это может привести к непредсказуемым результатам, в зависимости от браузера и его версии.</p>
-<p class="note">Необходимо также соблюдать осторожность при использовании переходов сразу после добавления элемента в DOM с помощью <code>.appendChild()</code> или удаления его <code>display: none; свойства</code>. Это выглядит, как будто никогда не происходило начальное состояние, а элемент всегда был в конечном состоянии. Самый простой способ преодолеть это ограничение - применить <code>window.setTimeout()</code> c некоторым количеством миллисекунд до изменения CSS свойства, которое вы собираетесь анимировать.</p>
+<p class="note">Необходимо также соблюдать осторожность при использовании переходов сразу после добавления элемента в DOM с помощью <code>.appendChild()</code> или удаления его <code>display: none; свойства</code>. Это выглядит, как будто никогда не происходило начальное состояние, а элемент всегда был в конечном состоянии. Самый простой способ преодолеть это ограничение - применить <code>window.setTimeout()</code> c некоторым количеством миллисекунд до изменения CSS-свойства, которое вы собираетесь анимировать.</p>
<h3 id="Пример_анимирования_нескольких_свойств">Пример анимирования нескольких свойств</h3>
@@ -56,7 +56,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<p>{{ EmbedLiveSample('Пример_анимирования_нескольких_свойств', 600, 300) }}</p>
-<h2 id="CSS_свойства_определяющие_переходы">CSS свойства, определяющие переходы</h2>
+<h2 id="CSS_свойства_определяющие_переходы">CSS-свойства, определяющие переходы</h2>
<p>CSS переходы контролируются свойством<a href="https://developer.mozilla.org/en-US/docs/CSS/transition"> </a>{{cssxref("transition")}}. Это лучший способ их настроить, позволяет избежать длинных свойств и их несоответствий, которые могут сделать отладку CSS долгой.</p>
@@ -1070,5 +1070,5 @@ document.addEventListener('click', function(ev){
<ul>
<li><span><a href="http://techstream.org/Web-Design/Dock-Menu-with-CSS3" title="CSS3 Dock Menu using CSS transitions">Нижнее меню</a> с использованием CSS переходов</span></li>
<li>Интерфейс {{domxref("TransitionEvent")}} и событие {{event("transitionend")}}.</li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">Использование CSS анимаций</a></li>
+ <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">Использование CSS-анимаций</a></li>
</ul>