shotCat

背景 最近给 LUCI OS 官网做首屏改版，需求只有一句话： 听起来简单，但「缩放不变形」+「多端自适应」本质上是矛盾的。 经过 3 轮迭代，我们把问题拆成了 4 个小目...

开网站就像开餐厅——用户要“上菜快”，老板想“省成本”，搜索引擎还得“看得懂菜单”。三位厨师（SSR、SPA、SSG）为此争得不可开交... 到底谁适合你的餐厅？...

就在前几天，那个被称为「前端宝藏后花园」的 Uiverse.io 毫无预兆地甩出王炸：2.0 正式版上线，一次带来 3000+ 全新 UI 组件！ 而且： 全部 MIT 协...

“还在为 Vue 动画卡顿掉帧烦恼？只需 3 行代码，让你的元素切换丝滑到飞起！🚀” 今天给大家安利一个我最近发现的宝藏 Vue 组件——vue-flip-motion！...

在 Vue 开发中，官方文档里的核心 API 固然常用，但还有不少“隐藏款”或“轻量级”技巧，既能减少冗余代码，又能提升性能，却被 90%以上的开发者忽略。本文共 10 个...

我一开始也有这个疑惑，但是当我实际实现一个动画的时候，比如开头的那个卡片动画，这个疑问就立即得到了解答。 但除此之外，还有一部分你无法明确的初始态(First)或结束态（L...

一、CSS Animation CSS animation 是一个强大的属性，允许开发者创建基于关键帧的动画。在传统的 JavaScript 中，动画效果通常需要依赖定时器...

基于 FLIP 动画思想，处理元素结构变化的动画，并且同时处理元素样式变化引起的各种动画效果。尽可能的简化动画的创建和使用...

CSS filter 属性可以通过一个 URL 链接到 SVG 的 filter 滤镜元素的方式来引用一个 SVG 滤镜。效果：点击分享按钮，弹出常见的社交分享按钮，然后相...

CSS动画完全指南：从基础到实战 本文系统讲解了CSS动画的核心技术，包括： 关键帧(@keyframes)定义动画效果 8大动画属性控制播放方式...

🚀 Vue 3 + View Transition 打造丝滑的换肤动效 在现代 Web 应用里，「深色模式」已经成了标配。但大多数项目的切换主题还是“闪一下”，用户体验不...

掌握 mask-image 你不仅能优雅地隐藏溢出内容, 还能轻松打造手电筒特效、文字渐隐等丝滑动效。本篇带你从基础到实战, 一步步解锁 CSS 蒙版的全部魅力。...

背景 在上半年接触flutter时，遇到了一个比较有意思的组件Hero，它可以实现页面之间的元素动画过渡，比如点击一个图片，跳转到详情页，详情页的图片会有一个动画过渡到详情...