Fading the edges of a moving logo bar is a really popular design choice, and usually easy to impl...Fading the edges of a moving logo bar is a really popular design choice, and usually easy to impl...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Philemon's avatar
Philemon Bauersachs
• Oct 15
Fading the edges of a moving logo bar is a really popular design choice, and usually easy to implement when building.
But what to do when the background has a texture? Adding a gradient no longer works because the solid color at the edges is now visible. 😢
A perfect way around this is via a little css! You can mask the actual div element, ensuring a flawless look no matter what may be in the background. 💯
WebflowWebflow DevelopmentLow-Code/No-Code DevelopmentshareyourworkCSS3CSS
Post image
Ivan's avatar
Ivan Correces
• Oct 15
@Philemon Bauersachs You can tell a lot of thought went into this!
Philemon's avatar
Philemon Bauersachs
• Oct 15
@Ivan Co Thanks Ivan. Yeah, sometimes a lot of playing around is needed before you realize how simple the solution can actually be!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started