From a3ef3e11c49e69458daaddc5fd1c6c60c98e3ffb Mon Sep 17 00:00:00 2001 From: John Ralph Umandal Date: Tue, 20 Aug 2019 22:50:39 +0100 Subject: [PATCH] docs: changed 'function' word in to 'steps' (#32211) changed word for better method's interpretation. PR Close #32211 --- aio/content/guide/animations.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/aio/content/guide/animations.md b/aio/content/guide/animations.md index 7f422074f4..fc143bee6e 100644 --- a/aio/content/guide/animations.md +++ b/aio/content/guide/animations.md @@ -93,7 +93,7 @@ In the `closed` state, shown below, the button has a height of 100 pixels, an op In Angular, you can set multiple styles without any animation. However, without further refinement, the button instantly transforms with no fade, no shrinkage, or other visible indicator that a change is occurring. -To make the change less abrupt, we need to define an animation *transition* to specify the changes that occur between one state and another over a period of time. The `transition()` function accepts two arguments: the first argument accepts an expression that defines the direction between two transition states, and the second argument accepts one or a series of `animate()` functions. +To make the change less abrupt, we need to define an animation *transition* to specify the changes that occur between one state and another over a period of time. The `transition()` function accepts two arguments: the first argument accepts an expression that defines the direction between two transition states, and the second argument accepts one or a series of `animate()` steps. Use the `animate()` function to define the length, delay, and easing of a transition, and to designate the style function for defining styles while transitions are taking place. You can also use the `animate()` function to define the `keyframes()` function for multi-step animations. These definitions are placed in the second argument of the `animate()` function.