How to Make an Animated Logo on Hover Squarespace

In this video, I’ll show you how to animate your logo on hover in Squarespace.

We’ll start off making a gif in Photoshop which will act as the animated logo. Then over in Squarespace, we’ll swap out the logos on hover using CSS.

0:00 Intro
0:32 Photoshop Part
3:16 Saving the Files
4:15 Squarespace Part

Watch more: http://bit.ly/sqsptuts
Subscribe for more Squarespace tutorials: http://bit.ly/MrJohnoCPSub
Share this video: https://youtu.be/hxR3ZR-1bSg
________________________

Want to support my content? Consider donating here:
https://www.buymeacoffee.com/carljohnson

New to Squarespace? Sign up https://squarespace.syuh.net/carljohnson (that’s an affiliate)
________________________

If you want to download the logo or get this working on a Squarespace 7 template, check this post out: https://bit.ly/2ZAzEKQ
_______________________

Sign up for email updates: http://bit.ly/2TNpgKc
Music I use: https://bit.ly/mrjohnocp-es
Twitter – @MrJohnoCP
________________________

If you’ve got any questions or requests for future videos drop them in the comments below 👇

#Squarespace #SquarespaceTutorial #Photoshop

You May Also Like