前言 到今年，我已经写了8年代码。在这段时间里，我的职业生涯一直处于不上不下的状态。尽管在二线城市的薪资看起来还不错，但我早就明白，这行不过是用青春换取血汗钱。从疫情开始，我内心变得愈发焦躁不安，尤其

手写一个购买的商品放入购物车的效果 昨天因为看到了一个比较好玩的内容，于是研究了一下，没有更文。今天我就拿出来讲一讲。就是商品卡片，当我们置顶的时候，它的内容会有一个动画将它的商品内容滑出来给我们展示

用css实现五彩斑斓的“呼吸字”，不仅颜色渐变、还有呼吸的感觉，爱了爱了，代码拿走即用，用于小细节装杯，挺好~~

本文将继续更新那些炫酷交互效果系列文章，今天带来的是有关 toggle 开关相关的组件。本次文章总计收集12款不同交互效果，相信总有一款适合你。

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第13天，点击查看活动详情 前言 最近一直在做css 的专栏文章，突发奇想弄个动画玩玩吧。弄着弄着就想着，这个动画效果是不是还可以

最近《狂飙》大火，顺便蹭个热度，用CSS给狂飙做了4种转场过渡效果，分别是水平擦除转场、星型转场、时钟转场，自定义图形缩放转场。同样代码可以丝滑使用，

这里介绍一种 Apple 官网非常喜欢用的一种交互动效：根据页面滚动播放视频。在 iPad、AirPods、Mac Pro 等产品的页面中，都会看到对应的实现。 下图是 AirPods Pro 充电盒

作为数码爱好者+前端开发，每次苹果发布新品我总会第一时间打开苹果官网，除了了解新品信息之外，也很期待苹果又搞出了什么样的web特效，看多了也总结出了规律，就想着自己动手试试。

每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。 最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣