The problem with this approach is that an animated GIF is always “running”. You might catch it on the point in its animation where it appears to do what you want, but when you swap images in a rollover, you’re just toggling the visibility of two images that are always there, not removing one and adding another.
Have a look at this hand-coded exercise: Smooth Rollover
The key to the effect is the CSS3 transition property, which you can add in Freeway using the Extended interface in the Edit Styles dialog. By creating a separate style for the a (link) and a:hover (pseudo-class), I have set up a difference between the two states which the browser can animate. By the way, this won’t work in elderly non-standard browsers, but it works in a surprising percentage of the browsers you are likely to encounter, even mobile ones.
View source, as always, to see how the sausage is made.
Walter
On Feb 26, 2015, at 11:33 AM, scott foster email@hidden wrote:
i’ve not gotten this to work, but i’ve been playing with roll overs, and it occurred to me that it might be possible to get a “cheap” flash animation effect by using somewhat of a hybrid approach to a rollover.
Where in the action you have the “before” image" and as the roll over “image”, an animated gif that would give a “moving/fading in button kind of effect” when the mouse is over the area.
however when i group the still image with the animated gif, the rollover action is no longer in the list. an animated gif is considered an “image”… right?
i wonder is this kind of idea possible some other way (short of flash).
My “goal output” is i have a title bar across the top of the page, and when the mouse is over a certain area i would like the buttons to drop down from behind that bar.
thanks for any suggestions!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options