# Circle with button hover animation

**URL:** <https://forum.inductiveautomation.com/t/circle-with-button-hover-animation/74901>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [June 12, 2023, 12:44pm UTC](https://forum.inductiveautomation.com/t/circle-with-button-hover-animation/74901 "2023-06-12T12:44:05Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [June 12, 2023, 12:58pm UTC](https://forum.inductiveautomation.com/t/circle-with-button-hover-animation/74901/4 "2023-06-12T12:58:37Z")

</div>

I have a tutorial on how to do this sort of thing in Vision here:

> [@Picture as mouseover text](https://forum.inductiveautomation.com/t/picture-as-mouseover-text/65513/3):
>
> I've been experimenting with this, and it took me a while to figure this out using built in icons. I used this to find the gateway address: print system.util.getGatewayAddress() and it returned: http://localhost:8088, so naturally, taking the original working code from @Corne_de_Jonge combined with @PGriffith's suggestion, I tried: \<html\>\<img src='file:http://localhost:8088/system/images/Builtin/icons/24/check2.png'/\>, but that does not work! file has to be changed to url, so the final and …

---

_[View the full topic](https://forum.inductiveautomation.com/t/circle-with-button-hover-animation/74901)._