diff --git a/guide/russian/css/transition/index.md b/guide/russian/css/transition/index.md index 988912fe9b9..fac8ec260e1 100644 --- a/guide/russian/css/transition/index.md +++ b/guide/russian/css/transition/index.md @@ -1,35 +1,44 @@ --- title: Transition -localeTitle: переход +localeTitle: Переход --- -## переход +## Свойство Transition -Свойство `transition` позволяет вам изменять значения свойств плавно (от одного значения к другому) в течение заданной продолжительности. \`\` \`CSS переход: все 300 мс; +Свойство `transition` позволяет вам изменять значения свойств плавно (от одного значения к другому) в течение заданной продолжительности. + +```css + transition: all 300ms; ``` -### Transition on Several Property Values +### Несколько значений свойств - You can change multiples property values with transition property. -``` +Мы можете задавать несколько значений свойств для свойства `transition`. -CSS переход: ширина 300 мс, высота 2 с; +```css + transition: width 300ms, height 2s; ``` -### Specify the Speed Curve of the Transition +### Кривая изменения скорости перехода - You can specify a speed curve on an element in transition property. + Вы можете задавать кривую скорости изменения свойства. + +```css + transition: height 2s linear; ``` +или с помощью отдельного свойства `transition-timing-function`: -CSS переход: высота 2s линейная; +```css + transition-timing-function: linear; ``` -or the property `transition-timing-function` -``` - -CSS функция времени перехода: линейная; \`\` \` ### Различные значения функции времени `transition-timing-function` -`ease` - указывает эффект перехода с медленным запуском, затем быстро, затем заканчивается медленно (это значение по умолчанию) `linear` - определяет эффект перехода с одинаковой скоростью от начала до конца `ease-in` - указывает на эффект перехода с медленным запуском `ease-out` - указывает эффект перехода с медленным завершением `ease-in-out` - определяет эффект перехода с медленным запуском и завершением `cubic-bezier(n,n,n,n)` - позволяет вам определять свои собственные значения в функции кубического безье +- `ease` - указывает эффект перехода с медленным запуском, затем быстро, затем заканчивается медленно (это значение по умолчанию) +- `linear` - определяет эффект перехода с одинаковой скоростью от начала до конца +- `ease-in` - указывает на эффект перехода с медленным запуском +- `ease-out` - указывает эффект перехода с медленным завершением +- `ease-in-out` - определяет эффект перехода с медленным запуском и завершением +- `cubic-bezier(n,n,n,n)` - позволяет вам определять свои собственные значения в функции кубического безье-преобразования #### Дополнительная информация: * MDN Документация: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/transition) -* Easings ссылка: [Easings](http://easings.net/en) \ No newline at end of file +* Easings ссылка: [Easings](http://easings.net/en)