CSS animation-delay property

[Junius Gunaratne]

I created a Polymer element that has an animation delay in its CSS, but the animation delay is being ignored in the element. This seems to work in a raw HTML file with the CSS in the style tag, but not in the Polymer element. Is this a bug?

.spinner .bounce2 {

  -webkit-animation-delay: 0.16s;

  animation-delay: 0.16s;

}

[Eric Bidelman]

I haven't verified this, but it's possibly related to: https://github.com/Polymer/platform/issues/53

Which is for transition-delay/animation-duration. Ultimately, it looks like a a Blink issue:

https://code.google.com/p/chromium/issues/detail?id=345961

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAC57C_RwDwBn-3rdRinJENvERuOWPyrcW1Su1imz_7TVf4r6yw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

[Yvonne Yip]

What Eric says. Until the blink bug gets fixed, you can workaround this by specifying animation-duration as well as animation-delay in the CSS class.

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CACGqRCAsRxu%2Bh5uC4Vh%3DaWiT%3DcxcV5-B9h3Uo3ZtkABup20iZA%40mail.gmail.com.