# Animated styles utilizing high CPU

**URL:** <https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 30, 2024, 4:12pm UTC](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152 "2024-05-30T16:12:05Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\
**Post date:** [August 19, 2024, 5:33pm UTC](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152/6 "2024-08-19T17:33:11Z")

</div>

> [@Perspective built-in Symbol Animations High CPU](https://forum.inductiveautomation.com/t/perspective-built-in-symbol-animations-high-cpu/45637/7):
>
> Support reminded me that you can "dumb" down animations by limiting the steps, for example, .ia\_symbolComponent--failedToOpen.ia\_valveSymbolComponent--valve-2-way { animation-timing-function: steps(2,end); } A value of 2 is just a simple blink, which is all I really wanted anyways. Playing with this drastically impacted the client CPU usage.

Just in case anyone comes onto this thread searching for answers. The style sheet editing at the end of this linked thread is what helped me. This brought my usage down from 40% to 10%.

---

_[View the full topic](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152)._