In this video, I’ll show you how to make a Squarespace image text overlay on hover using CSS.
We’ll use Squarespace’s Image Poster block to make the text and then show and hide the text on hover.
Link to the hex color tool below!
Subscribe for more Squarespace tutorials: http://bit.ly/MrJohnoCPSub
Share this video: https://youtu.be/YF9-eJMgYMw
Watch next:
Image Zoom on Hover https://youtu.be/zfXSqsTZ7PU
Reveal Text on Hover https://youtu.be/LCHUsfzzCww
Recommended Playlist – http://bit.ly/sqsptuts
New to Squarespace? Sign up https://squarespace.syuh.net/carljohnson (that’s an affiliate)
Join me on Twitter: https://twitter.com/MrJohnoCP
Sign up for my updates http://bit.ly/2TNpgKc
If you’ve got any questions or requests for future videos drop them in the comments below 👇
_____________
Hex color tool generator used in the video: https://www.hexcolortool.com
________________________
Kanye West Image Used in the Video:
David Shankbone [CC BY 3.0 (https://creativecommons.org/licenses/by/3.0)]
File URL: https://upload.wikimedia.org/wikipedia/commons/1/11/Kanye_West_at_the_2009_Tribeca_Film_Festival.jpg
Page URL: https://commons.wikimedia.org/wiki/File:Kanye_West_at_the_2009_Tribeca_Film_Festival.jpg
#Squarespace