Adding a Hover Effect

First, select the element on which you want to add a hover effect. This can be a media element (images), a text element, or any box element really.
The image below shows how you do that. 'Hover' is selected, and then you simply define how you want the 'hover' state to look like.
Hover is only available on the STYLING panels. You can find these on the left toolbar - there is a text styling panel and a general styling panel.
The element you are editing will reflect the changes you are making. To see how the element looks like in 'default' state, you can select the 'default' state again.
Design Tip: You can make hover effects part of your styles. This way, you can easily create cool text and other styles to re-use across your publication.
In Readz, you can easily add HOVER effects on your content.
On the top of these styling panels, you will see a drop-down menu that is titled 'STATE'.
styling_panels
When you select the dropdown, the 'Hover' option becomes visible. Select 'Hover'.


Any change you make in the styling panel when the 'Hover' box is active/white, will have an effect on that element when readers hover over it.

For example, the box below will change to a red color when you hover over it.