From 322db1755aec6d5c07182a9cde9d6e3d9c949ad7 Mon Sep 17 00:00:00 2001 From: Amadou Sall Date: Sun, 18 Apr 2021 20:04:28 +0200 Subject: [PATCH] docs: add missing preposition in the animations guide (#41697) PR Close #41697 --- 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 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`.