BUTTON ANIMATIONS

with a bit of Javascript, CSS or GSAP thats easy to achieve...

These are great suggestions, thank you for submitting!

Another way would be to add GIF animations to button states. E.g. my normal state would be a PNG and my Over state would be a GIF. So hovering over the button plays the GIF.

In the December 2018 release we will introduce a scale element for button style images. The scale can be changed for different states, so on hover and down you can make the image bigger or smaller. It's really nice and the suggestions above are great too, we will keep those in our mind going forward.

Sounds great! Only a few days away. I hear the latest CenarioVR update will also have a scaling feature for hotspots which should be good.

For the GIF button state usage, I have seen this functionality used well with Wix (website builder).

I sometimes use CSS keyframes to achieve certain animations. They are flexible and work across browsers. For example, when I hover over a circular button (an image I uploaded), it spins.

.anim_spin:hover {

animation: spin 0.5s 1 linear;

}

@keyframes spin {

0% {transform: rotate(0deg);}

100% {transform: rotate(30deg);}

}

Hi James,

undefined

I came across your post and I want to spin an image in Lectora 18. Where and how to put the above CSS keyframe?

Thank you,