Animated icons

Apr 19, 2017

Hi all

I am in the process of trying to create a new course which is really challenging my design skills. Is there a way to create animated icons? I know there are the markers but I want something different which really stands out and is quiet obvious. These will be used in a parallax designed slide, where the users must 'scroll' through the course to reveal information. The icons will be a 'notification' to click and reveal content, or go to another 'mini-section' to learn more.

Here is an example of what I mean by animated icons: https://codepen.io/dodozhang21/pen/siKtp

Any help and/or ideas would be great!

Thanks

10 Replies
Lizzie Wakefield

I have had problems with the animated gifs on hover states - I have one project on which I got them to work fine - a glow flashing around the edge of the button to click set to appear at the end of the slide

And another project on which they would not work at all - I tried adding the gif to the hover state - I cannot remember the exact 'whys and wherefores' of what went wrong but they are not stable. I added a wipe animation to the hover state to give it a bit of 'fake' animation to make up for it.

Ashley Terwilliger-Pollard

Hi Xavier,

What's the frame rate of the gif you're using? Also are you using Storyline 2 or a different version? I know in Storyline 2 we still have an open issue where the gif frame rate isn't respected. 

If you're unsure what frame rate you're using or the Storyline version can you share a copy here so that we can take a look?