fix(card): disable all animations when using NoopAnimationsModule

Fixes the card `box-shadow` transition not being disabled when it's inside something with the `NoopAnimationsModule`.

Relates to #10590.

Author: crisbeto

src/lib/card/card.scss

@@ -1,5 +1,6 @@
 @import '../core/style/variables';
 @import '../core/style/elevation';
+@import '../core/style/noop-animation';
 @import '../../cdk/a11y/a11y';
 
 
@@ -11,6 +12,7 @@ $mat-card-header-size: 40px !default;
 .mat-card {
   @include mat-elevation-transition;
   @include mat-overridable-elevation(2);
+  @include _noop-animation();
   display: block;
   position: relative;
   padding: $mat-card-default-padding;

src/lib/card/card.ts

@@ -12,7 +12,10 @@ import {
   ChangeDetectionStrategy,
   Directive,
   Input,
+  Optional,
+  Inject,
 } from '@angular/core';
+import {ANIMATION_MODULE_TYPE} from '@angular/platform-browser/animations';
 
 
 /**
@@ -156,9 +159,15 @@ export class MatCardAvatar {}
   styleUrls: ['card.css'],
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  host: {'class': 'mat-card'}
+  host: {
+    'class': 'mat-card',
+    '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
+  }
 })
-export class MatCard {}
+export class MatCard {
+  // @deletion-target 7.0.0 `_animationMode` parameter to be made required.
+  constructor(@Optional() @Inject(ANIMATION_MODULE_TYPE) public _animationMode?: string) {}
+}
 
 
 /**