rollover animation

[shutterspeed101]

Can someone please explain how to add an animation that looks like the sample from the NOF 2015 website?
Any help would be greatly appreciated.

[Adam]

Can someone please explain how to add an animation that looks like the sample from the NOF 2015 website?
Any help would be greatly appreciated.

Hi,

Here is a very short tutorial on applying the effect shown on our website to objects in Fusion 2015.

In the Style view, click to the CSS Code tab and add the following on it's own line.

.css3Sample {
    transition: all 0.3s ease
}
.css3Sample:hover {
    border-radius: 50%
}

This particular effect will apply a 50% border radius on hover which will ease at .3 seconds. You can edit the class name as you wish.

Once saved, click to the Page view and make sure the Grid inspector is open (view > grid inspector). Add or select a layout region or image. Look to the Grid inspector and locate the class field, type the class name here.



Thanks,

[elizabethsawan]

Create custom Animation emojis by using Aeroinsta Apk which has amazing features to enhanced the use of Instagram.