# Rotate animation in perspective

**URL:** <https://forum.inductiveautomation.com/t/rotate-animation-in-perspective/68670>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 17, 2023, 3:44pm UTC](https://forum.inductiveautomation.com/t/rotate-animation-in-perspective/68670 "2023-01-17T15:44:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Francesco\_Falanga](https://avatars.discourse-cdn.com/v4/letter/f/43a26b/32.png) [@Francesco\_Falanga](https://forum.inductiveautomation.com/u/Francesco_Falanga)\
**Post date:** [January 17, 2023, 3:44pm UTC](https://forum.inductiveautomation.com/t/rotate-animation-in-perspective/68670/1 "2023-01-17T15:44:25Z")

</div>

Hi everyone, I would like to ask you how can I reproduce the same animation here [Component Animation - Ignition User Manual 8.0 - Ignition Documentation](https://docs.inductiveautomation.com/display/DOC80/Component+Animation), in Perspective.  
I've tried going in the inner svg element and applying a rotate transform and then linking it to a variable but it isnt rotating the element correctly.  
In general I need to understand how to make animations in Perspective.  
Thanks

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 17, 2023, 3:49pm UTC](https://forum.inductiveautomation.com/t/rotate-animation-in-perspective/68670/2 "2023-01-17T15:49:23Z")

</div>

In perspective you should use css instead of a binding.  
You can write css in the projects stylesheet (if you run on one of the more recent versions)

> **[CSS Animations](https://www.w3schools.com/css/css3_animations.asp)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

---

<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:** [January 17, 2023, 4:11pm UTC](https://forum.inductiveautomation.com/t/rotate-animation-in-perspective/68670/3 "2023-01-17T16:11:52Z")

</div>

Here's an example for you. This is just a symbol factory graphic I dropped in.

The animation is on element (2) which is the impeller blades, it uses IAs animation, you can change the speed with animation-duration  
[Fan.zip](https://forum.inductiveautomation.com/uploads/short-url/hdBLwPJ5TmGPYETuj9UxaVYPzqr.zip) (16.2 KB)