|
2396 | 2396 |
|
2397 | 2397 | **[Back to top](#table-of-contents)**
|
2398 | 2398 |
|
2399 |
| -## Animations |
| 2399 | +## Анимации |
2400 | 2400 |
|
2401 |
| -### Usage |
| 2401 | +### Применение |
2402 | 2402 | ###### [Style [Y210](#style-y210)]
|
2403 | 2403 |
|
2404 |
| - - Use subtle [animations with AngularJS](https://docs.angularjs.org/guide/animations) to transition between states for views and primary visual elements. Include the [ngAnimate module](https://docs.angularjs.org/api/ngAnimate). The 3 keys are subtle, smooth, seamless. |
| 2404 | + - Используйте subtle [анимации AngularJS](https://docs.angularjs.org/guide/animations) чтобы перемещать состояния представлений и первичные визуальные элементы. Подключите [модуль ngAnimate](https://docs.angularjs.org/api/ngAnimate). Есть три ключа - тонкий (subtle), плавный(smooth), цельный(seamless). |
2405 | 2405 |
|
2406 |
| - *Why?*: Subtle animations can improve User Experience when used appropriately. |
| 2406 | + *Почему?*: При правильном использовании тонкая анимация может улучшить удобство работы. |
2407 | 2407 |
|
2408 |
| - *Why?*: Subtle animations can improve perceived performance as views transition. |
| 2408 | + *Почему?*: Тонкие анимации могут воспринимаемую эффективность при изменениии представлений. |
2409 | 2409 |
|
2410 |
| -### Sub Second |
| 2410 | +### Длительность Анимаций |
2411 | 2411 | ###### [Style [Y211](#style-y211)]
|
2412 | 2412 |
|
2413 |
| - - Use short durations for animations. I generally start with 300ms and adjust until appropriate. |
2414 |
| -
|
2415 |
| - *Why?*: Long animations can have the reverse affect on User Experience and perceived performance by giving the appearance of a slow application. |
| 2413 | + - Используйте короткую длительность анимаций. Я в основном начинаю с 300 миллисекунд и регулирую до нужного состояния. |
| 2414 | + *Почему?*: Долгие анимации могут иметь обратный эффект для пользователя, приложение будет восприниматся как медленно работающее. |
2416 | 2415 |
|
2417 | 2416 | ### animate.css
|
2418 | 2417 | ###### [Style [Y212](#style-y212)]
|
2419 | 2418 |
|
2420 |
| - - Use [animate.css](http://daneden.github.io/animate.css/) for conventional animations. |
| 2419 | + - Используйте [animate.css](http://daneden.github.io/animate.css/) для обычных анимаций. |
2421 | 2420 |
|
2422 |
| - *Why?*: The animations that animate.css provides are fast, smooth, and easy to add to your application. |
| 2421 | + *Почему?*: Анимации, предоставляемые animate.css, быстрые, плавные и их легко добавить в приложение. |
2423 | 2422 |
|
2424 |
| - *Why?*: Provides consistency in your animations. |
| 2423 | + *Почему?*: Это дает согласованность ваших анимаций. |
2425 | 2424 |
|
2426 |
| - *Why?*: animate.css is widely used and tested. |
| 2425 | + *Почему?*: animate.css широко используем и оттестирован. |
2427 | 2426 |
|
2428 |
| - Note: See this [great post by Matias Niemelä on AngularJS animations](http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html) |
| 2427 | + Замечание: Посмотрите эту [замечательную статью от Matias Niemelä об анимациях AngularJS](http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html) |
2429 | 2428 |
|
2430 | 2429 | **[Back to top](#table-of-contents)**
|
2431 | 2430 |
|
|
0 commit comments