# Perspective: animate the changing of position and size of a component

**URL:** <https://forum.inductiveautomation.com/t/perspective-animate-the-changing-of-position-and-size-of-a-component/67587>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [December 13, 2022, 11:30pm UTC](https://forum.inductiveautomation.com/t/perspective-animate-the-changing-of-position-and-size-of-a-component/67587 "2022-12-13T23:30:25Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [December 14, 2022, 5:37pm UTC](https://forum.inductiveautomation.com/t/perspective-animate-the-changing-of-position-and-size-of-a-component/67587/2 "2022-12-14T17:37:55Z")

</div>

Simplest option: use a View Canvas.  
[https://docs.inductiveautomation.com/display/DOC81/Perspective+-+View+Canvas](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+View+Canvas)

More powerful option: use the 'advanced stylesheet' and set up your own keyframes & animation properties:

> [@New Stylesheet resource](https://forum.inductiveautomation.com/t/new-stylesheet-resource/64787):
>
> Starting with the 10/4/2022 Nightly (8.1.22) build, users will be able to modify a new styling resource: stylesheet.css This new resource is considered an advanced feature and will not be in place by default. To place the resource, expand the Perspective node of the Project Browser, right-click the Styles node, and select "Enable Advanced Stylesheet". [EnableStylesheet] Once in place, the stylesheet allows for inserting CSS just as you would in any normal CSS file. The rules defined in this r…

---

_[View the full topic](https://forum.inductiveautomation.com/t/perspective-animate-the-changing-of-position-and-size-of-a-component/67587)._
