# Property "angle" rotate en Ignition Perspective

**URL:** <https://forum.inductiveautomation.com/t/property-angle-rotate-en-ignition-perspective/93168>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [July 12, 2024, 9:35pm UTC](https://forum.inductiveautomation.com/t/property-angle-rotate-en-ignition-perspective/93168 "2024-07-12T21:35:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jose\_Lopez](https://avatars.discourse-cdn.com/v4/letter/j/db5fbb/32.png) [@Jose\_Lopez](https://forum.inductiveautomation.com/u/Jose_Lopez)\
**Post date:** [July 12, 2024, 9:35pm UTC](https://forum.inductiveautomation.com/t/property-angle-rotate-en-ignition-perspective/93168/1 "2024-07-12T21:35:12Z")

</div>

A ver, he estado estas ultimas 4 horas tratando de busar una manera rápida y practica para hacer que la propiedad de angle de una imagen cambie automaticamente y gire alrededor de su eje como si fuese una rueda. Estoy creando un proyecto para aprender y practicar dónde tiene varias imagenes que necesitan animación de rotación.

Pienso que se podria colocar algún tag o expresión en la propiedad "angle" de la imagen para que automaticamente cambie el angulo y se vea la animación de rotación pero la verdad no se mucho de programación. ¿ Cómo seria la manera mas fácil y práctica para hacer esa animación de imagen como si estuviese girando una rueda estatica?

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [July 14, 2024, 1:23am UTC](https://forum.inductiveautomation.com/t/property-angle-rotate-en-ignition-perspective/93168/2 "2024-07-14T01:23:14Z")

</div>

There are many ways to accomplish this.

Here is one such example.

> [@Animation for Symbol Factory In Perspective](https://forum.inductiveautomation.com/t/animation-for-symbol-factory-in-perspective/63110/11):
>
> You can do like @Matthew.gaitan has shown, that will definitely work, however, you can also just piggyback on IA’s own animation class as well. [image] The animation value is: ia\_symbolComponent\_\_animate--rotate linear infinite The transform-origin comes from the center point used in element 4 of the SVG.

---

<div class="post-metadata">

**Author:** ![Jose\_Lopez](https://avatars.discourse-cdn.com/v4/letter/j/db5fbb/32.png) [@Jose\_Lopez](https://forum.inductiveautomation.com/u/Jose_Lopez)\
**Post date:** [July 19, 2024, 3:51pm UTC](https://forum.inductiveautomation.com/t/property-angle-rotate-en-ignition-perspective/93168/3 "2024-07-19T15:51:29Z")

</div>

Thanks, I just implemented it in my view and it looked amazing! \<3

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [July 19, 2024, 5:55pm UTC](https://forum.inductiveautomation.com/t/property-angle-rotate-en-ignition-perspective/93168/4 "2024-07-19T17:55:30Z")

</div>

There are some caveats with using the angle property. @lrose steered you in a great direction because her example is using styles.

If you use the angle property to rotate objects it can interfere with other transforms. That's fine as long as you're only rotating but if you want to rotate AND flip you need to use a transform (CSS). Or at least this was true fairly recently.

If you use expressions it will be doing processing on the gateway and will not scale as well.

Generally speaking do animations with CSS when possible.