# Onclick rotation animation

**URL:** <https://forum.inductiveautomation.com/t/onclick-rotation-animation/81364>\
**Category:** General Discussion\
**Tags:** perspective, ignition81\
**Created:** [November 2, 2023, 10:10am UTC](https://forum.inductiveautomation.com/t/onclick-rotation-animation/81364 "2023-11-02T10:10:34Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![kyler.kamyszek](https://avatars.discourse-cdn.com/v4/letter/k/a4c791/32.png) [@kyler.kamyszek](https://forum.inductiveautomation.com/u/kyler.kamyszek)\
**Post date:** [November 3, 2023, 12:28pm UTC](https://forum.inductiveautomation.com/t/onclick-rotation-animation/81364/10 "2023-11-03T12:28:49Z")

</div>

Here's a class example called spin that should work. Toggle your class of your components between this and None or another class without the animation in it.

```auto
.spin {
  "animation": "ia_symbolComponent__animate--rotate linear 1",
  "animation-duration": "1000ms"
}

```

These post should help as well.

> [@Icon Transition Animation](https://forum.inductiveautomation.com/t/icon-transition-animation/64398):
>
> I am looking to recreate this Icon animation, I have figured out other animations and transitions in CSS. [Screen Recording 2022-09-22 at 2.39.23 PM] I have tried adding a transition: 1s linear on the buttons props.image.icon.style but it doesn’t seem to capture it. Any ideas?

> [@Moving Icon with CSS Animation](https://forum.inductiveautomation.com/t/moving-icon-with-css-animation/60085/5):
>
> Out of curiosity, between the image loop, or something like a gif. Do you have any performance recommendations for putting something like Conveyors on a P&ID? I really liked the idea of using pipes, and just styling them to look like a conveyor, but that was before I realized I couldn’t style individual pipes outside of color. That would have been nice because it would have provided the SVG to the client as one large SVG, instead of the back and forth of many smaller ones.

---

_[View the full topic](https://forum.inductiveautomation.com/t/onclick-rotation-animation/81364)._