如何在滚动时用圆角掩盖小部件 - 颤抖

发布于 2025-02-04 12:19:08 字数 558 浏览 4 评论 0原文

您如何使小部件滚动和消失在顶部的顶部有圆角,因此看起来很自然?

为了更清楚,这是我尝试做的,但没有起作用:

这个想法是在中间透明的中间蓝色部分,以显示小部件在滚动滚动消失时消失的小部件,以使设计语言保持一致。但是到目前为止,如果我要去除蓝色,那么小部件将像颜色一样在生产线上消失。

我尝试使用widgetmask和clippath,但它在示例中没有工作。

关于如何解决这个问题有什么想法吗?

How do you make the top section where the widgets scroll and disappear on top has rounded corners so it seems natural?

To make it clearer, here's what I tried to do but didn't work:

example

The idea is to make the blue-colored section in the middle transparent to show the widgets when it scrolls to disappear while having rounded corners to keep the design language consistent. But so far, if I were to remove the blue color, the widgets would just disappear on the line like how it is with color.

I tried to use WidgetMask and ClipPath but it didn't work like in the example.

Any idea on how to solve this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文