# Element.style {} animation problem

**URL:** <https://forum.inductiveautomation.com/t/element-style-animation-problem/58998>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [April 28, 2022, 3:00pm UTC](https://forum.inductiveautomation.com/t/element-style-animation-problem/58998 "2022-04-28T15:00:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jespinmartin1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jespinmartin1/32/57175_2.png) [@jespinmartin1](https://forum.inductiveautomation.com/u/jespinmartin1)\
**Post date:** [April 28, 2022, 3:00pm UTC](https://forum.inductiveautomation.com/t/element-style-animation-problem/58998/1 "2022-04-28T15:00:06Z")

</div>

I’m using animation style flags under style props in a label. The CSS animation works perfectly while in designer, however its not working in the browser, (tried in Chrome and Chromium Edge).

```auto
2s pulse infinite

```

What am I missing?

Already tried with `!important`  
V 8.1.14

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [April 28, 2022, 4:45pm UTC](https://forum.inductiveautomation.com/t/element-style-animation-problem/58998/2 "2022-04-28T16:45:58Z")

</div>

For what it’s worth, I just tried on 8.1.16 and it works in designer and Chrome.

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [April 28, 2022, 4:59pm UTC](https://forum.inductiveautomation.com/t/element-style-animation-problem/58998/3 "2022-04-28T16:59:23Z")

</div>

The example I created

```auto
{
  "custom": {},
  "params": {},
  "permissions": {
    "securityLevels": [],
    "type": "AllOf"
  },
  "props": {},
  "root": {
    "children": [
      {
        "meta": {
          "name": "Label"
        },
        "position": {
          "height": 32,
          "width": 180,
          "x": 296,
          "y": 311
        },
        "props": {
          "style": {
            "animation": "2s pulse infinite"
          },
          "text": "Label"
        },
        "type": "ia.display.label"
      }
    ],
    "meta": {
      "name": "root"
    },
    "type": "ia.container.coord"
  }
}

```