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 http://croft.net.au/ ?
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.
https://daneden.github.io/animate.css/

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: https://github.com/daneden/animate.css

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