在开发Web应用时，深色模式已成为现代UI设计的标配功能。然而，许多项目在实现主题切换时仅简单改变CSS变量，缺乏平滑的过渡动画，导致用户体验突兀。作为开发者，我们常被期望在满足功能需求的同时，打造更

无限视差滚动 实现无限视差滚动的效果如下： 实现无限视差滚动原理： 一、 HTML HTML也没啥内容，简单就一个最外层的div盒子，监听最外层div的wheel事件，里面的子元素上下移动， 子元素上

介绍一个比较常见的动画效果。 在日常开发中，为了强调凸显某些文本或者元素，会加一些扫光动效，起到吸引眼球的效果，比如文本的 或者是一个卡片容器，里面可能是图片或者文本或者任意元素 除此之外，还有那种不

动画效果 之 果冻大法 这一系列用来记录不同的动画效果，首先我们来讲讲果冻动画，何为果冻动画，就是鼠标放上去会Duang左右弹跳一下，完成动作就停。 多说无益，来看看最终实现效果先。上展示： 那么我们

引言 今天在CodePen[https://codepen.io] 上面发现了一个使用css实现的一个手风琴效果, 感觉蛮有意思的,于是自己尝试了一下,发现不是特别难, 在编码前把思路整理好,再去实现

在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章： 巧妙实现带圆角的渐变边框 会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像

在之前，我们有些过这么一篇文章 - 使用 CSS 轻松实现高频出现的各类奇形怪状按钮。 里面包含了如下这些图形： 你可以在这里看到：CodePen Demo -- CSS Various Button

接上篇，巧用 CSS 实现高频出现的复杂怪状按钮 - 镂空的内凹圆角边框。 上篇中，我们通过渐变的高阶技巧，实现了如下的内凹圆角边框： 本文，我们将探讨另外一个非常有意思的图形 -- 内凹平滑圆角：

前言 这几天在公司做项目的时候，业务那边给我一段mp4格式的视频，我本地做完，测试没问题，放到客户端上就不行了，显示的整个页面就是下面这样，上网找了原因，最终原因就是因为第三方公司所提供的客户端模板不