Jump to content

Creating vertical sections with videos and hover text

Recommended Posts

  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

On 1/27/2022 at 6:57 AM, tanmald said:

Hi all,

I'm looking at possible ways to achieve something similar to this https://dribbble.com/shots/4218240-Conceptual-Service-Web-Page-Animation for a client website, on SQSP 7.0.

Any tips or ideas on how to do it?

Kind regards, Tânia

Hi,

Initial

  • Show image in grayscale
  • Show text over image
  • Show an overlay at bottom of image

Hover

  • Move text up + Show both title, description, read more
  • Increase image width (not possible)
  • Show original image

is this right?

You can add Summary Block with 4 items, add title, excerpt, read more, thumbnail, then share link. We will test some code to achieve above.

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
15 hours ago, tuanphan said:

Hi,

Initial

  • Show image in grayscale
  • Show text over image
  • Show an overlay at bottom of image

Hover

  • Move text up + Show both title, description, read more
  • Increase image width (not possible)
  • Show original image

is this right?

You can add Summary Block with 4 items, add title, excerpt, read more, thumbnail, then share link. We will test some code to achieve above.

 

Hi @tuanphan,

thanks for the tips! I'll try and have some fun around it and I'll leave feedback in the meanwhile 🙂

have a nice weekend!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.