Magic Mouse Scroll Down Icon

Image: Magic Mouse Scroll Down Icon GIF

This is a scroll down animation that you can use in your web page where you want to provide a visual cue to users that there is more content when you scroll down. In this code snippet, you can see a mouse with a touch interaction where you touch and scroll on the mouse. It can be used in the hero section of a page. Designed by Ryan Mulligan.

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen CSS Site Scroll Micro Animation by Ryan Mulligan (@hexagoncircle) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.