diff --git a/aio/content/guide/animations.md b/aio/content/guide/animations.md index 628851fd18..e63814e5bb 100644 --- a/aio/content/guide/animations.md +++ b/aio/content/guide/animations.md @@ -65,7 +65,7 @@ In the component file, add a metadata property called `animations:` within the ` ## Animating a simple transition -Let's animate a simple transition that changes a single HTML element from one state to another. For example, you can specify that a button displays either **Open** or **Closed** based on the user's last action. When the button is in the `open` state, it's visible and yellow. When it's the `closed` state, it's transparent and green. +Let's animate a simple transition that changes a single HTML element from one state to another. For example, you can specify that a button displays either **Open** or **Closed** based on the user's last action. When the button is in the `open` state, it's visible and yellow. When it's in the `closed` state, it's transparent and green. In HTML, these attributes are set using ordinary CSS styles such as color and opacity. In Angular, use the `style()` function to specify a set of CSS styles for use with animations. You can collect a set of styles in an animation state, and give the state a name, such as `open` or `closed`.