README.md

More animations to use with Neon Animations Runner.

---

<div class="demo">
    <animation-demo play="[[selected]]" duration="{{duration}}" delay="{{delay}}">
    </animation-demo>
    <div>
        Duration: [[duration]]
    </div>
    <paper-slider min="100" max="1000" immediate-value="{{duration}}" value="500" snaps step="50"></paper-slider>
    <div>
        Delay: [[delay]]
    </div>
    <paper-slider min="0" max="500" immediate-value="{{delay}}" value="0" snaps step="50"></paper-slider>

    <paper-dropdown-menu label="Show me...">
        <paper-listbox class="dropdown-content" selected="{{selected}}" attr-for-selected="value">
            <paper-item value="bounce-animation">Bounce</paper-item>
            <paper-item value="blink-animation">Blink</paper-item>
            <paper-item value="bulge-animation">Bulge</paper-item>
            <paper-item value="stretch-animation">Stretch</paper-item>
            <paper-item value="shake-animation">Shake</paper-item>
            <paper-item value="swing-animation">Swing</paper-item>
            <paper-item value="tadaa-animation">Tadaa</paper-item>
            <paper-item value="flip-in-side-animation">Flip In Side</paper-item>
            <paper-item value="flip-in-top-animation">Flip In Top</paper-item>
        </paper-listbox>
    </paper-dropdown-menu>
</div>

Install the Polymer-CLI

First, make sure you have the Polymer CLI installed. Then run polymer serve to serve your application locally.

Viewing Your Application

$ polymer serve

Building Your Application

$ polymer build

This will create a build/ folder with bundled/ and unbundled/ sub-folders containing a bundled (Vulcanized) and unbundled builds, both run through HTML, CSS, and JS optimizers.

You can serve the built versions by giving polymer serve a folder to serve from:

$ polymer serve build/bundled

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.