How to add a fade out effect to a scroll groups

Forum|Forum|4 years ago
October 23, 2021
1 reply
2831 views

Hi everyone 🙂

I am working on mobile webshop design, that contains a scroll group (horizontal) with buttons. The client would like to see the scroll group fading out at the right side. So in other words: The last element touching the right edge of the screen should be displayed gradient transparent. Does anyone know how to add such an effect?

Thanks in advance!

How to

This topic has been closed for replies.

S

selmah97681700Author

Participant

I found a way to add this effect:

I have created a rectangle with a gradient from gray to white
Then I put this rectangle above and at the end of the scroll group
and then set the mode "Hard Light"

It works well.

Dan Rodney

Community Expert

I'm happy you found a solution. In case it helps, there is a slightly easier way that does not require a blend mode. Make a gradient that goes from white to white, but make the one white transparent.

— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

S

selmah97681700Author

Participant

Thank you Dan! You´re right! It´s much easier. I don´t why I made that complicated 🙂

Thanks again!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded