Skip to content

Commit 9580038

Browse files
committed
refactor: update states animations example
1 parent e71c5c4 commit 9580038

File tree

1 file changed

+9
-2
lines changed

1 file changed

+9
-2
lines changed

Diff for: ng-sample/app/examples/animation/animation-states-test.ts

+9-2
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,18 @@ import {
1616
animations: [
1717
trigger("state", [
1818

19-
state("inactive", style({ "background-color": "red" })),
20-
state("active", style({ "backgroundColor": "green" })),
19+
state("inactive", style({
20+
backgroundColor: "red",
21+
transform: "scale(0.7)",
22+
})),
23+
state("active", style({
24+
backgroundColor: "green",
25+
transform: "scale(2)",
26+
})),
2127

2228
transition("* => active", [ animate("600ms ease-out") ]),
2329
transition("* => inactive", [ animate("600ms ease-out") ]),
30+
2431
])
2532
]
2633
})

0 commit comments

Comments
 (0)