Files
freeCodeCamp/guide/russian/css/transition/index.md
focuse 412cef68a3 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.
2019-08-07 10:29:25 -07:00

45 lines
2.2 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: Transition
localeTitle: Переход
---
## Свойство Transition
Свойство `transition` позволяет вам изменять значения свойств плавно (от одного значения к другому) в течение заданной продолжительности.
```css
transition: all 300ms;
```
### Несколько значений свойств
Мы можете задавать несколько значений свойств для свойства `transition`.
```css
transition: width 300ms, height 2s;
```
### Кривая изменения скорости перехода
Вы можете задавать кривую скорости изменения свойства.
```css
transition: height 2s linear;
```
или с помощью отдельного свойства `transition-timing-function`:
```css
transition-timing-function: linear;
```
### Различные значения функции времени `transition-timing-function`
- `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)