shotCat

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

我一开始也有这个疑惑，但是当我实际实现一个动画的时候，比如开头的那个卡片动画，这个疑问就立即得到了解答。 但除此之外，还有一部分你无法明确的初始态(First)或结束态（Last）的动画，比如开头那个卡片动画，除非你限定死了每个卡片的尺寸以及整体页面的尺寸，否则你无法明确当你任…

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

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

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

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

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

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

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