Question: I'm trying to make a floating add button in my Polymer 1.0 app with pretty much similar functionality to Google Inbox's floating add button. First question then:

To achieve similar functionality, I'm currently using the `paper-fab` element and `onmouseover` and `onmouseout` js functions as follows:

```
<paper-fab id="addBtn" icon="add" class="fab red" onmouseover="hoverOver(this)" onmouseout="hoverOut(this)"></paper-fab>

<script>

    hoverOver = function(srcElement) {
        srcElement.querySelector("paper-material").elevation = 4;
    };

    hoverOut = function(srcElement) {
        srcElement.querySelector("paper-material").elevation = 0;
    };

</script>

```

Is this the recommended approach, or is there a slicker, more 'polymerized' way of accomplishing this?

Answer: 
Alternatively if you'd like to use html, ensure that the paper material has the attribute "animated" set to "true"
Another workaround is put in `<style>` directly in dom-module of your element.html

```
 paper-button:hover{
        @apply(--shadow-elevation-6dp);
    }

```

May change the dp for elevation . Hope helps