Add animation to image
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

How to I add some sort of animation to the circular images on my site ?
Any suggestions to what animations to add is good too.
The site sits on a custom CMS platform so I'm not sure exactly how to do it.
Can animations be added with just HTML?

Crowdsource coding tasks.

2 Solutions

Winning solution

One quick and easy solution is to add the animate.css library.

All you have to do is add the CSS file, and then add special classes on the elements that you want to animate.

More info here:

Hope that helps.

If you are able to add CSS, then try this:

.local img {
    transition: transform 0.25s cubic-bezier(0.25, 0.75, 0.65, 1.4);

.local:hover img,
.local:focus img,
.local:active img {
    transform: scale(1.2);
View Timeline