# How to add animation by HTML/CSS scripts in Perspective?

**URL:** <https://forum.inductiveautomation.com/t/how-to-add-animation-by-html-css-scripts-in-perspective/75523>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [June 26, 2023, 1:01pm UTC](https://forum.inductiveautomation.com/t/how-to-add-animation-by-html-css-scripts-in-perspective/75523 "2023-06-26T13:01:39Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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:** [June 26, 2023, 1:17pm UTC](https://forum.inductiveautomation.com/t/how-to-add-animation-by-html-css-scripts-in-perspective/75523/2 "2023-06-26T13:17:33Z")

</div>

you can do this sort of animations just in css alone too...

but if you want to import the component then you can try the markdown component. This is very suboptimal though, if you plan on making a screen with a lot of these indicators, then you should do something different. (like creating a custom perspective component)

i've made some posts about js injection.  
this one might be interesting

> [@CSS 3D cuboid gauge](https://forum.inductiveautomation.com/t/css-3d-cuboid-gauge/68522/12):
>
> [image] this is not how to inject css^^ i guess you can just put it here too if you dont want any sheets [image] to make it scaleable, look at my example, it should scale (though it does not respect ratio so you have to be sure its a square. edit: i found a fix for aspect ratio, well it works in the browser atleast, it doesnt work in the designer .psc-fixMarkdownElementHeight \> div{height:auto; width:100%; aspect-ratio: 1 / 1;} Here you go! You'll have to take an other look at the labels…

some more links in here

> [@Javascript inject in Perspective... have fun](https://forum.inductiveautomation.com/t/javascript-inject-in-perspective-have-fun/65805):
>
> Soo i'll just link this here... You can do whatever with it, but its not really gonna be clean or easy xD Have fun man_mage WARNING Dont let userinput enter in here

---

_[View the full topic](https://forum.inductiveautomation.com/t/how-to-add-animation-by-html-css-scripts-in-perspective/75523)._
