In Elementor you can change the background of an element on hover state.
Note: In order to learn how to add a background to an Element you can refer to this article.
To change the background of an element on hover state:
1. In Elementor, select the element for which you want to change the background on hover state, so that a new dashboard on the left will emerge with the element's settings.
2. From the Advanced tab, go to Background section and select the Hover state. Now you have full access to customization options of element's background to change on hover state.
3. Change the settings and Update your layout.