# Animation of a photo

**URL:** <https://forum.inductiveautomation.com/t/animation-of-a-photo/76511>\
**Category:** General Discussion\
**Tags:** perspective, ignition81\
**Created:** [July 18, 2023, 10:23am UTC](https://forum.inductiveautomation.com/t/animation-of-a-photo/76511 "2023-07-18T10:23:07Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Abdulhakim\_futyan](https://avatars.discourse-cdn.com/v4/letter/a/71e660/32.png) [@Abdulhakim\_futyan](https://forum.inductiveautomation.com/u/Abdulhakim_futyan)\
**Post date:** [July 18, 2023, 10:23am UTC](https://forum.inductiveautomation.com/t/animation-of-a-photo/76511/1 "2023-07-18T10:23:07Z")

</div>

Hello, how can I move an image in the x, y or angle position in perspective , so if the tag value is true, the image moves with a specific number of steps and speed with specifying the starting and ending points

---

<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:** [July 18, 2023, 11:15am UTC](https://forum.inductiveautomation.com/t/animation-of-a-photo/76511/2 "2023-07-18T11:15:05Z")

</div>

probably easiest for a newcommer is just adding some transition delay on your style and then just change the x,y,angle (mind the deg!)

```auto
transition: top 2s ease-in-out, left 2s ease-in-out, transform 2s ease-in-out

```