# Angular 动画简介
动画用于提供运动的幻觉:HTML 元素随着时间改变样式。精心设计的动画可以让你的应用更有趣,更易用,但它们不仅仅是装饰性的。动画可以通过几种方式改善你的应用和用户体验:
没有动画,Web 页面的转场就会显得突兀、不协调
运动能极大地提升用户体验,因此动画可以让用户察觉到应用对他们的操作做出了响应
良好的动画可以直观的把用户的注意力吸引到要留意的地方
典型的动画会涉及多种随时间变化的转换。HTML 元素可以移动、变换颜色、增加或缩小、隐藏或从页面中滑出。这些变化可以同时发生或顺序发生。你可以控制每次转换的持续时间。
Angular 的动画系统是基于 CSS 功能构建的,这意味着你可以 "动" 浏览器认为可动的任何属性。包括位置、大小、变形、颜色、边框等。W3C 在它的 CSS Transitions(转场)
页中维护了一个可动属性的列表。
# 关于本指南
本指南覆盖了基本的 Angular 动画特性,让你能开始为你的项目添加 Angular 动画。
+ 
关注公众号,获取验证码 !
验证码:
← 测试实用工具 API 转场与触发器 →