苹果在 WWDC25 发布了全新的液态玻璃（Liquid Glass）设计风格。 根据苹果官方介绍： 效果分析 正如苹果介绍，Liquid Glass 是一种半透明材质，采用「反射+折射+动态变

Apple 在 6 月的 WWDC 2025 推出了 Liquid Glass 效果——一种惊艳的让界面元素看起来像是弯曲、折射的玻璃的 UI 效果。

这是一个纯CSS创建的动画切换开关，它不仅能够在视觉上吸引用户，还能通过交互提供即时反馈。点击切换按钮时，Emoji 会沿着一个轴翻转，同时滑块也会移动，从而实现了一个有趣的切换动画效果。

这其实是老生常谈的问题了，但是因为最近有小伙伴面试被问到了，找到我想让我讲解下，所以我还是打算写一篇文章介绍下。 如果对您有用的话话，不妨评论，点赞关注➕收藏。如果可以的话，给我投上宝贵的一票。 ba

引入 相信作为前端的你，一定好奇过下面这种动画效果是怎么实现的： 这些动画其实有一个专门的描述词，叫做 共享元素转场 (Shared Element Transition)， 或者叫做 英雄动画 (H

虽然大多数人在 CSS 中仍然习惯使用十六进制或 RGB 格式的颜色，但是使用 HSL 颜色能带来许多好处，本文会介绍基本的概念、使用方法，以及一些实用案例。

这些网站灵感是网站的瑰宝，值得用于设计灵感，每个网站都有独特的东西可以提供。 为了不让您感到无聊，我将继续讨论它。 Screelane 一个很棒的网站，可以找到按屏幕、产品类别和元素分类的应用程序设计

前言 最近偶然刷到css实现3d效果，于是自己写了个demo记录一下，效果预览如图 代码实现 1.核心逻辑 父元素transform-style: preserve-3d保留子元素的 3D 变换，使其

CSS实现auto高度的过渡动画。由于通常不知道content中具体内容所占的高度，为高度的变化添加过渡动画时，会发现`transition`不起作用，这是因为`auto`并不是一个具体的高度数值。