Modern Scroll Shadows Using Scroll-Driven Animations

Using scroll shadows, especially for mobile devices, is a subtle bit of UX that Chris has covered before (indeed, it’s one of his all-time favorite CSS tricks), by layering background gradients with different attachments, we can get shadows that are covered up when you’ve scrolled to the limits of the element. https://webdesignernews.com/modern-scroll-shadows-using-scroll-driven-animations/

Vytvořeno 3mo | 8. 5. 2025 7:40:11


Chcete-li přidat komentář, přihlaste se

Ostatní příspěvky v této skupině

User Journeys vs. Customer Journeys

Think “user” and “customer” are the same thing? Think again. Confusing the two could be the silent killer of your product—and your profits. Here’s why designing for the wrong journey could cost you ev

16. 8. 2025 9:20:14 | Web - Worth to read
Why Users Ignore AI Explanations

A recent study reveals why well-designed AI explanations often go unused and what it means for UX practice https://webdesignernews.com/why-users-ignore-ai-explanations/

16. 8. 2025 9:20:12 | Web - Worth to read
A simple, perfectly timed design decision

A few days ago, I opened my finance app to check my card details. Nothing unusual about that. Except this time, I was already on a call. https://webdesignernews.com/a-simple-perfectly-timed-design-dec

16. 8. 2025 9:20:10 | Web - Worth to read
Navigation-Less Designs by 2030

If you’ve ever opened a B2B app and felt like you were fighting a maze of menus, tabs, and dashboards — you’re not alone. Traditional navigation was once the backbone of digital products. But today, i

16. 8. 2025 9:20:08 | Web - Worth to read
State of CSS 2025

Hope you’re having a good week so far. This edition I loved the deep dive into the State of CSS 2025 results, with :has() rightly in the spotlight. https://webdesignernews.com/state-of-css-2025-

16. 8. 2025 9:20:02 | Web - Worth to read
What is the Difference Between CSS Grid and Flexbox?

Flexbox is a one-dimensional layout tool, used for arranging elements in a single row or column. It is best suited for simple, one-dimensional layouts and smaller-scale projects. https://webdesignerne

14. 8. 2025 17:50:34 | Web - Worth to read