fixed russian translation for css transitions (#31038)

This article seems to be translated via google translate or sometginh similar.
Made the article more human-readable.
Fixed typos.
Fixed styles.
pull/32064/merge
focuse 2019-08-07 19:29:25 +02:00 committed by Randell Dawson
parent 9a43e4b977
commit 412cef68a3
1 changed files with 25 additions and 16 deletions

View File

@ -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)
* Easings ссылка: [Easings](http://easings.net/en)