Object Moves On Mouse Hover


#1

I am a beginner web designer and developer, and i want to design a banner made up of small squares. When the mouse hovers on one of those squares, they all scatter and move out of the screen.

How can i do this using html?

Thank you.


#2

Hi,

You can do this with CSS animation, which is great thing to learn as a designer. Depending on the complexity of your request, you may need javascript as well.

-John


#3

Welcome to the forums! CSS animations would be your best bet as @kvapster mentioned :slight_smile:

This article can get you started on them: https://www.kirupa.com/html5/introduction_css_animations.htm


#4

animation link is very helpfull