Creating vertical sections with videos and hover text

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

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.

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!