# Perspective Icons

**URL:** <https://forum.inductiveautomation.com/t/perspective-icons/96541>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 27, 2024, 10:00am UTC](https://forum.inductiveautomation.com/t/perspective-icons/96541 "2024-09-27T10:00:48Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [September 27, 2024, 12:29pm UTC](https://forum.inductiveautomation.com/t/perspective-icons/96541/2 "2024-09-27T12:29:39Z")

</div>

You may try something like:

> [@CSS Hover Style for SVG Images (Custom Buttons)](https://forum.inductiveautomation.com/t/css-hover-style-for-svg-images-custom-buttons/69110/5):
>
> I tried: .psc-Invisible\_Button{ cursor: pointer; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; transition-property: box-shadow, background-color; } .psc-Invisible\_Button:hover{ box-shadow: var(--boxShadow); } no dice.

---

_[View the full topic](https://forum.inductiveautomation.com/t/perspective-icons/96541)._