Back to Browse

Squarespace Animation Tutorial | Index Page Mouse Scroll Indicator With Animated Scroll Wheel

15.6K views
Feb 9, 2019
9:30

In this Squarespace animation tutorial we'll take a look at adding a little animation to your Index page by changing the built in Index page scroll indicator into a mouse with an animated scroll wheel. We'll take the regular Squarespace index page scroll indicator and put a box with rounded corners around the edge using css. Finally, we'll take the scroll down arrow and turn it into a mouse wheel before animating it using keyframes. See the full playlist of Squarespace tutorials http://bit.ly/sqsptuts ____________ Want to support my content? Consider donating here: https://www.buymeacoffee.com/carljohnson New to Squarespace? Sign up here 👉 https://squarespace.syuh.net/carljohnson (that's an affiliate) ____________ ► Squarespace Block/Collection Identifier: http://bit.ly/sqsblockid ► Sign up for email updates: http://bit.ly/2TNpgKc ► Join me on Twitter: http://bit.ly/MrJohnoCP #Squarespace #WebDesign Emoji used in the video: Emoji One [CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)]

Download

1 formats

Video Formats

360pmp416.7 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Squarespace Animation Tutorial | Index Page Mouse Scroll Indicator With Animated Scroll Wheel | NatokHD