作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了

前言 人生天地之间，若白驹过隙，忽然而已。不知不觉中，2022年已然逝去，2023年也过去了半个月了。看到「兔了个兔」这个活动几天了...

最近接到一个需求，需要在小程序页面上加一个活动优惠券入口浮窗。然后看了一下UI图，最开始就是这个样子，一个gif图，会自动放大缩小闪烁。 正常开发来说，就拿这张gif放上去就可以了。但是看了下这个UI

小程序上发红包给用户有两种形式，一种是采用订阅消息的形式给用户发信息，用户点开就可以领红包，一种是自己实现领红包的效果，领完后自动将领取到的金额打到用户的微信账上，由于业务需要我们采用的是第二种方式。

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

CSS实现一个漂亮的星星粒子动画效果。这个效果会呈现一群颜色不断变化的星星会逐渐旋转从无到变大再到消失的状态，在页面中呈现出闪耀的星星。周围会有数个粒子小星星环绕伴随着星星启动动画逐渐从无到有视觉效果

CSS、JS制作发光边角悬停效果，当鼠标在卡片上移动时，会出现径向渐变的色彩光圈，卡片边框会特别亮，鼠标移出卡片光圈消失。使色彩光圈在鼠标移动时像磁铁一样跟随鼠标移动，给元素带来动态和吸引力

详细介绍使用HTML、CSS实现玻璃质感卡片悬停效果的技术，当鼠标悬停在图片上时，会渐变显示出现一个玻璃拟态风格的卡片元素，其中展示了更多的内容，同时页面背景颜色也会相对变化。朦胧感和层次感和空间感

最近，有群里在群里发了这么一个非常有意思的卡片 Hover 动效，来源于此网站 -- key-drop，效果如下： 非常有意思酷炫的效果。而本文，我们不会完全还原此效果，而是基于此效果，尝试去制作这么