# Flashing stroke paint color on svg

**URL:** <https://forum.inductiveautomation.com/t/flashing-stroke-paint-color-on-svg/40512>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [November 11, 2020, 2:16am UTC](https://forum.inductiveautomation.com/t/flashing-stroke-paint-color-on-svg/40512 "2020-11-11T02:16:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![chelton](https://avatars.discourse-cdn.com/v4/letter/c/e8c25b/32.png) [@chelton](https://forum.inductiveautomation.com/u/chelton)\
**Post date:** [November 11, 2020, 2:16am UTC](https://forum.inductiveautomation.com/t/flashing-stroke-paint-color-on-svg/40512/1 "2020-11-11T02:16:48Z")

</div>

I’m trying to animate a very basic svg in perspective and would like some colours to flash . I created a binding with a map transform on the stroke paint property of my object. I can set fixed colours, is there an easy way to have a colour flash like in vision?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [November 11, 2020, 10:28am UTC](https://forum.inductiveautomation.com/t/flashing-stroke-paint-color-on-svg/40512/2 "2020-11-11T10:28:02Z")

</div>

Use a Perspective Style and animate it 🙂 Apply the style by adding it into the `style.classes` property of the component. If you apply it to the base `props.style.classes` then you’ll need to make sure that the shapes that you want to colour have no `fill.paint` objects in them, as this will override the style property (see 3rd image).

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/a/3a373c18ce093f203dbc199851ffdb06e55cbbf3.png)

![Example Perspective Style Flash](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/1/112174fef28f11e718da18d42b33cf8ff379e897.gif)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/0/705ebd001874292b706701322c0fbe4772f4c76c.png)

---

<div class="post-metadata">

**Author:** ![chelton](https://avatars.discourse-cdn.com/v4/letter/c/e8c25b/32.png) [@chelton](https://forum.inductiveautomation.com/u/chelton)\
**Post date:** [November 11, 2020, 11:18am UTC](https://forum.inductiveautomation.com/t/flashing-stroke-paint-color-on-svg/40512/3 "2020-11-11T11:18:27Z")

</div>

So much to learn. Thanks for your help 🙂

---

<div class="post-metadata">

**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\
**Post date:** [March 13, 2024, 1:55am UTC](https://forum.inductiveautomation.com/t/flashing-stroke-paint-color-on-svg/40512/4 "2024-03-13T01:55:01Z")

</div>

Great answer. Could not figure out how to flash an object. Microbump for a great solution.