# CSS Hover Style for SVG Images (Custom Buttons)

**URL:** <https://forum.inductiveautomation.com/t/css-hover-style-for-svg-images-custom-buttons/69110>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [January 27, 2023, 6:53pm UTC](https://forum.inductiveautomation.com/t/css-hover-style-for-svg-images-custom-buttons/69110 "2023-01-27T18:53:28Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [January 27, 2023, 8:37pm UTC](https://forum.inductiveautomation.com/t/css-hover-style-for-svg-images-custom-buttons/69110/5 "2023-01-27T20:37:27Z")

</div>

I tried:

```auto
.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/css-hover-style-for-svg-images-custom-buttons/69110)._