🐞 Bug report

Command (mark with an x)

• new
• build
• serve
• test
• e2e
• generate
• add
• update
• lint
• xi18n
• run
• config
• help
• version
• doc

Description

When creating a new project through ng new <project-name>, the following rgba is set in line 123 in app.component.html:

box-shadow: 0 4px 17px rgba(black, 0.35);

Chrome is not applying the box shadow since it is an invalid property value:

Edge does so as well.

Changing the line to box-shadow: 0 4px 17px rgba(0, 0, 0, 0.35); resolves the issue, as well as removing the line entirely (leaving the transform animation only).

🔬 Minimal Reproduction

• run ng new angular-app
• Take a look at line 123 in app.component.html

🌍 Your Environment

 Angular CLI: 9.1.0 Node: 12.16.1 OS: win32 x64 Angular: ... Ivy Workspace: Package Version ------------------------------------------------------ @angular-devkit/architect 0.901.0 @angular-devkit/core 9.1.0 @angular-devkit/schematics 9.1.0 @schematics/angular 9.1.0 @schematics/update 0.901.0 rxjs 6.5.4