Workflow
眼馋苹果刚发布的液态玻璃效果?藏师傅教你提示词一键实现

看了一些演示之后,发现还是有可取之处的,边缘的效果确实真实细腻,就是现在卡片中心的可读性实在是太 差了。 反正只要是苹果的一定会有很多人跟风,所以这个效果在接下来的一段时间你一定会频繁的看见,或者被要求 使用。 这里藏师傅也是一上午探索了一下 如何将液态玻璃效果融入到网页生成的提示词里面,没想到真让我搞了个 差不多的出来。 先来看看效果,这套提示词在 Gemini 和 Lovable 上效果最好,Cluade 4 opus 可以实现,但是质量有些问 题。 先来看 Lovable 的效果,整体的折射非常自然,就是描边有点生硬了。 然后是谷歌的效果边缘没有那么有厚度,但是整体可读性不错,看起来顺眼。 最后是 Claude Opus 4,他老是有加模糊的倾向,而且不太稳定,效果时好时坏,这个是几次里比较好的效 果。 昨晚又是一年的 WWDC 这次苹果所有的更新都压在了视觉和交互上,尤其是这个液态玻璃(Liquid Glass) 效果更是引起了很多讨论。 CSS样式:/* 容器 */.liquidGlass-wrapper { position: relative; display: flex; overflow: ...