# Perspective: animate the changing of position and size of a component **URL:** \ **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:** 3\ **Page:** 1
**Author:** ![Elijah\_Nelson](https://avatars.discourse-cdn.com/v4/letter/e/aeb1de/32.png) [@Elijah\_Nelson](https://forum.inductiveautomation.com/u/Elijah_Nelson)\ **Post date:** [December 13, 2022, 11:30pm UTC](https://forum.inductiveautomation.com/t/perspective-animate-the-changing-of-position-and-size-of-a-component/67587/1 "2022-12-13T23:30:25Z")
I want to animate a component moving across the screen within a Coordinate Container. However, perspective does not have access to the system.gui.transform() built-in function for animating changes in position and size. Is there currently a way to do this in Perspective? It would be so simple to do with css but the Style Animation does not include ways to change the position and size... Thanks ---
**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")
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… ---
**Author:** ![Elijah\_Nelson](https://avatars.discourse-cdn.com/v4/letter/e/aeb1de/32.png) [@Elijah\_Nelson](https://forum.inductiveautomation.com/u/Elijah_Nelson)\ **Post date:** [December 15, 2022, 1:31am UTC](https://forum.inductiveautomation.com/t/perspective-animate-the-changing-of-position-and-size-of-a-component/67587/3 "2022-12-15T01:31:35Z")
I was on an older version of Perspective so I had no idea about the Advanced Stylesheet! This is exactly what I was looking for. Cheers