diff --git a/bower.json b/bower.json
index 5dc8128..6a4e045 100644
--- a/bower.json
+++ b/bower.json
@@ -24,7 +24,7 @@
     "polymer": "Polymer/polymer#1.9 - 2",
     "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#1 - 2",
     "iron-behaviors": "PolymerElements/iron-behaviors#1 - 2",
-    "iron-dropdown": "PolymerElements/iron-dropdown#1 - 2",
+    "iron-dropdown": "PolymerElements/iron-dropdown#no-neon-animation",
     "iron-fit-behavior": "PolymerElements/iron-fit-behavior#1 - 2",
     "neon-animation": "PolymerElements/neon-animation#1 - 2",
     "paper-styles": "PolymerElements/paper-styles#1 - 2"
@@ -41,8 +41,7 @@
     "paper-item": "PolymerElements/paper-item#1 - 2",
     "paper-listbox": "PolymerElements/paper-listbox#1 - 2",
     "web-component-tester": "^6.0.0",
-    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0",
-    "web-animations-js": "web-animations/web-animations-js#^2.2"
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0"
   },
   "variants": {
     "1.x": {
@@ -50,7 +49,7 @@
         "polymer": "Polymer/polymer#^1.9",
         "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0",
         "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0",
-        "iron-dropdown": "PolymerElements/iron-dropdown#^1.0.0",
+        "iron-dropdown": "PolymerElements/iron-dropdown#no-neon-animation",
         "iron-fit-behavior": "PolymerElements/iron-fit-behavior#^1.2.0",
         "neon-animation": "PolymerElements/neon-animation#^1.0.0",
         "paper-styles": "PolymerElements/paper-styles#^1.0.0"
@@ -67,8 +66,7 @@
         "paper-item": "PolymerElements/paper-item#^1.0.0",
         "paper-listbox": "PolymerElements/paper-listbox#^1.0.0",
         "web-component-tester": "^4.0.0",
-        "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
-        "web-animations-js": "web-animations/web-animations-js#^2.2"
+        "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
       },
       "resolutions": {
         "webcomponentsjs": "^0.7"
diff --git a/demo/index.html b/demo/index.html
index d00dd45..bd5ab7c 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -31,8 +31,6 @@
   <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
   <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
 
-  <!-- Ensure Web Animations polyfill is loaded since neon-animation 2.0 doesn't import it -->
-  <link rel="import" href="../../neon-animation/web-animations.html">
   <link rel="import" href="../paper-menu-button.html">
 
   <custom-style>
diff --git a/paper-menu-button.d.ts b/paper-menu-button.d.ts
index f9f4c1d..905f1ac 100644
--- a/paper-menu-button.d.ts
+++ b/paper-menu-button.d.ts
@@ -12,11 +12,8 @@
 /// <reference path="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.d.ts" />
 /// <reference path="../iron-behaviors/iron-control-state.d.ts" />
 /// <reference path="../iron-dropdown/iron-dropdown.d.ts" />
-/// <reference path="../neon-animation/animations/fade-in-animation.d.ts" />
-/// <reference path="../neon-animation/animations/fade-out-animation.d.ts" />
 /// <reference path="../paper-styles/default-theme.d.ts" />
 /// <reference path="../paper-styles/shadow.d.ts" />
-/// <reference path="paper-menu-button-animations.d.ts" />
 
 /**
  * Material design: [Dropdown buttons](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons)
@@ -122,14 +119,16 @@ declare class PaperMenuButton extends Polymer.Element {
   closeOnActivate: boolean|null|undefined;
 
   /**
-   * An animation config. If provided, this will be used to animate the
-   * opening of the dropdown.
+   * Deprecated, setting it won't have effects on the animation.
+   * `iron-dropdown` doesn't depend anymore on `neon-animation`, and this property is kept
+   * here to not break bindings.
    */
   openAnimationConfig: object|null|undefined;
 
   /**
-   * An animation config. If provided, this will be used to animate the
-   * closing of the dropdown.
+   * Deprecated, setting it won't have effects on the animation.
+   * `iron-dropdown` doesn't depend anymore on `neon-animation`, and this property is kept
+   * here to not break bindings.
    */
   closeAnimationConfig: object|null|undefined;
 
@@ -145,12 +144,6 @@ declare class PaperMenuButton extends Polymer.Element {
    * Whether focus should be restored to the button when the menu closes.
    */
   restoreFocusOnClose: boolean|null|undefined;
-
-  /**
-   * This is the element intended to be bound as the focus target
-   * for the `iron-dropdown` contained by `paper-menu-button`.
-   */
-  _dropdownContent: object|null|undefined;
   hostAttributes: object|null;
 
   /**
@@ -158,14 +151,7 @@ declare class PaperMenuButton extends Polymer.Element {
    *          
    */
   readonly contentElement: any;
-
-  /**
-   * If the dropdown is open when disabled becomes true, close the
-   * dropdown.
-   *
-   * @param disabled True if disabled, otherwise false.
-   */
-  _disabledChanged(disabled: boolean): void;
+  ready(): void;
 
   /**
    * Toggles the drowpdown content between opened and closed.
@@ -182,32 +168,6 @@ declare class PaperMenuButton extends Polymer.Element {
    * Hide the dropdown content.
    */
   close(): void;
-
-  /**
-   * When an `iron-select` event is received, the dropdown should
-   * automatically close on the assumption that a value has been chosen.
-   *
-   * @param event A CustomEvent instance with type
-   * set to `"iron-select"`.
-   */
-  _onIronSelect(event: CustomEvent|null): void;
-
-  /**
-   * Closes the dropdown when an `iron-activate` event is received if
-   * `closeOnActivate` is true.
-   *
-   * @param event A CustomEvent of type 'iron-activate'.
-   */
-  _onIronActivate(event: CustomEvent|null): void;
-
-  /**
-   * When the dropdown opens, the `paper-menu-button` fires `paper-open`.
-   * When the dropdown closes, the `paper-menu-button` fires `paper-close`.
-   *
-   * @param opened True if the dropdown is opened, otherwise false.
-   * @param oldOpened The previous value of `opened`.
-   */
-  _openedChanged(opened: boolean, oldOpened: boolean): void;
 }
 
 interface PaperMenuButton extends Polymer.IronA11yKeysBehavior, Polymer.IronControlState {
diff --git a/paper-menu-button.html b/paper-menu-button.html
index f4c1503..de23a35 100644
--- a/paper-menu-button.html
+++ b/paper-menu-button.html
@@ -12,11 +12,8 @@
 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
 <link rel="import" href="../iron-behaviors/iron-control-state.html">
 <link rel="import" href="../iron-dropdown/iron-dropdown.html">
-<link rel="import" href="../neon-animation/animations/fade-in-animation.html">
-<link rel="import" href="../neon-animation/animations/fade-out-animation.html">
 <link rel="import" href="../paper-styles/default-theme.html">
 <link rel="import" href="../paper-styles/shadow.html">
-<link rel="import" href="paper-menu-button-animations.html">
 
 <!--
 Material design: [Dropdown buttons](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons)
@@ -79,34 +76,173 @@
         @apply --paper-menu-button-disabled;
       }
 
+      #trigger {
+        cursor: pointer;
+      }
+
       iron-dropdown {
+        border-radius: 2px;
+        @apply --shadow-elevation-2dp;
         @apply --paper-menu-button-dropdown;
       }
 
       .dropdown-content {
-        @apply --shadow-elevation-2dp;
-
+        /* Inherits from iron-dropdown, so inverse animation can work as expected. */
+        transform-origin: inherit;
         position: relative;
-        border-radius: 2px;
         background-color: var(--paper-menu-button-dropdown-background, var(--primary-background-color));
 
         @apply --paper-menu-button-content;
       }
+      
+      .animating,
+      .animating > .dropdown-content {
+        overflow: hidden;
+        will-change: transform;
+        contain: content;
+        animation-fill-mode: both;
+        animation-timing-function: step-end;
+      }
 
-      :host([vertical-align="top"]) .dropdown-content {
-        margin-bottom: 20px;
-        margin-top: -10px;
-        top: 10px;
+      .animating {
+        animation-name: expand-animation;
       }
 
-      :host([vertical-align="bottom"]) .dropdown-content {
-        bottom: 10px;
-        margin-bottom: -10px;
-        margin-top: 20px;
+      .animating > .dropdown-content {
+        animation-name: expand-animationInverse;
       }
 
-      #trigger {
-        cursor: pointer;
+      .entry-animation,
+      .entry-animation > .dropdown-content {
+        animation-delay: 100ms;
+        animation-duration: 275ms;
+      }
+
+      .exit-animation,
+      .exit-animation > .dropdown-content {
+        animation-duration: 200ms;
+        animation-direction: reverse;
+      }
+
+      @keyframes expand-animation {
+        0% {
+          opacity: 0;
+          transform: scale(0.7, 0.5);
+        }
+        6.25% {
+          opacity: 0.09;
+          transform: scale(0.75669, 0.59448);
+        }
+        12.5% {
+          opacity: 0.17;
+          transform: scale(0.80741, 0.67902);
+        }
+        18.75% {
+          opacity: 0.27;
+          transform: scale(0.85146, 0.75243);
+        }
+        25% {
+          opacity: 0.36;
+          transform: scale(0.88846, 0.8141);
+        }
+        31.25% {
+          opacity: 0.25;
+          transform: scale(0.91851, 0.86418);
+        }
+        37.5% {
+          opacity: 0.5;
+          transform: scale(0.9421, 0.90351);
+        }
+        43.75% {
+          opacity: 0.58;
+          transform: scale(0.96006, 0.93343);
+        }
+        50% {
+          opacity: 0.67;
+          transform: scale(0.97333, 0.95555);
+        }
+        56.25% {
+          opacity: 0.75;
+          transform: scale(0.98285, 0.97142);
+        }
+        62.5% {
+          opacity: 0.83;
+          transform: scale(0.98949, 0.98248);
+        }
+        68.75% {
+          opacity: 0.82;
+          transform: scale(0.99395, 0.98992);
+        }
+        75% {
+          opacity: 1;
+          transform: scale(0.99682, 0.9947);
+        }
+        81.25% {
+          transform: scale(0.99854, 0.99757);
+        }
+        87.5% {
+          transform: scale(0.99948, 0.99913);
+        }
+        93.75% {
+          transform: scale(0.9999, 0.99983);
+        }
+        100% {
+          transform: scale(1, 1);
+        }
+      }
+
+      @keyframes expand-animationInverse {
+        0% {
+          transform: scale(1.42857, 2);
+        }
+        6.25% {
+          transform: scale(1.32155, 1.68214);
+        }
+        12.5% {
+          transform: scale(1.23853, 1.47271);
+        }
+        18.75% {
+          transform: scale(1.17445, 1.32903);
+        }
+        25% {
+          transform: scale(1.12554, 1.22835);
+        }
+        31.25% {
+          transform: scale(1.08872, 1.15717);
+        }
+        37.5% {
+          transform: scale(1.06146, 1.10679);
+        }
+        43.75% {
+          transform: scale(1.0416, 1.07132);
+        }
+        50% {
+          transform: scale(1.0274, 1.04652);
+        }
+        56.25% {
+          transform: scale(1.01745, 1.02942);
+        }
+        62.5% {
+          transform: scale(1.01062, 1.01783);
+        }
+        68.75% {
+          transform: scale(1.00609, 1.01018);
+        }
+        75% {
+          transform: scale(1.00319, 1.00533);
+        }
+        81.25% {
+          transform: scale(1.00146, 1.00244);
+        }
+        87.5% {
+          transform: scale(1.00052, 1.00087);
+        }
+        93.75% {
+          transform: scale(1.0001, 1.00017);
+        }
+        100% {
+          transform: scale(1, 1);
+        }
       }
     </style>
 
@@ -123,8 +259,8 @@
       horizontal-offset="[[horizontalOffset]]"
       vertical-offset="[[verticalOffset]]"
       no-overlap="[[noOverlap]]"
-      open-animation-config="[[openAnimationConfig]]"
-      close-animation-config="[[closeAnimationConfig]]"
+      entry-animation="entry-animation"
+      exit-animation="exit-animation"
       no-animations="[[noAnimations]]"
       focus-target="[[_dropdownContent]]"
       allow-outside-scroll="[[allowOutsideScroll]]"
@@ -264,13 +400,15 @@
           },
 
           /**
-           * An animation config. If provided, this will be used to animate the
-           * opening of the dropdown.
+           * Deprecated, setting it won't have effects on the animation.
+           * `iron-dropdown` doesn't depend anymore on `neon-animation`, and this property is kept
+           * here to not break bindings.
+           * @deprecated
            */
           openAnimationConfig: {
             type: Object,
             value: function() {
-              return [{
+              var defaultValue = [{
                 name: 'fade-in-animation',
                 timing: {
                   delay: 100,
@@ -291,17 +429,22 @@
                   easing: config.ANIMATION_CUBIC_BEZIER
                 }
               }];
+              // HACK: Mark it so we know if to warn or not on ready.
+              defaultValue.__default = true;
+              return defaultValue;
             }
           },
 
           /**
-           * An animation config. If provided, this will be used to animate the
-           * closing of the dropdown.
+           * Deprecated, setting it won't have effects on the animation.
+           * `iron-dropdown` doesn't depend anymore on `neon-animation`, and this property is kept
+           * here to not break bindings.
+           * @deprecated
            */
           closeAnimationConfig: {
             type: Object,
             value: function() {
-              return [{
+              var defaultValue = [{
                 name: 'fade-out-animation',
                 timing: {
                   duration: 150
@@ -320,6 +463,9 @@
                   easing: 'ease-in'
                 }
               }];
+              // HACK: Mark it so we know if to warn or not on ready.
+              defaultValue.__default = true;
+              return defaultValue;
             }
           },
 
@@ -345,6 +491,7 @@
           /**
            * This is the element intended to be bound as the focus target
            * for the `iron-dropdown` contained by `paper-menu-button`.
+           * @private
            */
           _dropdownContent: {
             type: Object
@@ -374,6 +521,14 @@
           }
         },
 
+        ready: function() {
+          if ((this.openAnimationConfig && !this.openAnimationConfig.__default) ||
+              (this.closeAnimationConfig && !this.closeAnimationConfig.__default)) {
+            console.warn('Configuring animations through openAnimationConfig ' +
+              'or closeAnimationConfig is no longer supported.');
+          }
+        },
+
         /**
          * Toggles the drowpdown content between opened and closed.
          */
@@ -410,6 +565,7 @@
          *
          * @param {CustomEvent} event A CustomEvent instance with type
          * set to `"iron-select"`.
+         * @private
          */
         _onIronSelect: function(event) {
           if (!this.ignoreSelect) {
@@ -422,6 +578,7 @@
          * `closeOnActivate` is true.
          *
          * @param {CustomEvent} event A CustomEvent of type 'iron-activate'.
+         * @private
          */
         _onIronActivate: function(event) {
           if (this.closeOnActivate) {
@@ -435,6 +592,7 @@
          *
          * @param {boolean} opened True if the dropdown is opened, otherwise false.
          * @param {boolean} oldOpened The previous value of `opened`.
+         * @private
          */
         _openedChanged: function(opened, oldOpened) {
           if (opened) {
@@ -455,6 +613,7 @@
          * dropdown.
          *
          * @param {boolean} disabled True if disabled, otherwise false.
+         * @private
          */
         _disabledChanged: function(disabled) {
           Polymer.IronControlState._disabledChanged.apply(this, arguments);
@@ -463,6 +622,9 @@
           }
         },
 
+        /**
+         * @private
+         */
         __onIronOverlayCanceled: function(event) {
           var uiEvent = event.detail;
           var target = Polymer.dom(uiEvent).rootTarget;