“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”**的页面切换动效！

前言 接着上个小飞机的效果，在这个动画的基础上，用CSS实现的一个在飞机上开窗关窗的效果。整个实现过程比较简单，大家可以先看到下面的效果预览部分，十分简单，没有花里胡哨的技巧。话不多说，咱们直接进入主

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，点击任意目录也会自动滚动到对

前言 最近新增抽奖盲盒，就是扭蛋机的形式，由于前端使用GIF图会很大，而且图片会很大，所以扭蛋机中的扭蛋进行分离，前端单独使用css进行。 麦当劳扭蛋机效果 扭蛋机窗口大小 第一步先固定扭蛋机的窗口，

前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬

背景 最近在开发H5，ui稿给的border：1px solid,因为ui稿上的宽度是750px，我们运行的页面宽度是375px，所以我们需要把所以尺寸/2。所以我们可能会想写border：0.5px

在 bilibili 主站 PC 端，时不时会看到其顶部横幅栏是一个随鼠标变化的动画：我们今天也来实现一下吧

我们公司的导航菜单是动态可配置的，有的页面菜单数量比较多，有的比较少。 由于大多页面菜单都是比较少的，因此当菜单非常多时， 我们采用了朴实无华的滚动条：当横向超出的时候，滚动展示。 但很快，客户

🚀🚀 手摸手开发一个很 🔥 的卡片效果 最近掘金在大力推广扣子这个 AI 平台，可以看到它首页的卡片效果还是很酷炫的；大致包含两个效果，光的跟随效果还有卡片倾斜像 3D 的效果 github 在你没有