I simply do not understand Xara's attitude.
It invented a hammer approach for handling its Widgets and everything thereafter has become a nail.
A nail that is cemented in place so that you can change next to nothing.

I hope you find my alternative to the Xara Hover Widget 2 usable and useful.

The entire code for it is:
Code:
<style>
.overlay {
  opacity: 0;
  transition: 1200ms;
}
.overlay:hover {
  filter: drop-shadow(8px 8px 10px gray) blur(0.5px);
  background-color: #346a7d;
  opacity: 0.7;
}
</style>
No JavaScript and more guidance than Xara was bothered with.

CSS - Hover Widget 2 Successor.xar

Acorn