动画效果
本话题发布动画效果相关的问答文章和技术分享，将持续更新，为您推荐了22篇问答，访问即可查看更多精彩内容。
-
1
回答
26浏览
PostCSS在Webpack里不生效是怎么回事？
我按照文档装了postcss-loader和autoprefixer，也在webpack配置里加了loader，但写好的CSS完全没有被处理，比如display: flex连个-webkit前缀都没有...
-
1
回答
28浏览
PostCSS 处理媒体查询时样式没生效是怎么回事？
我在用 PostCSS 的 autoprefixer 和 nested 插件，写了个响应式组件，但媒体查询里的样式完全没起作用，控制台也没报错，本地开发环境和构建后都一样。 我试过把媒体查询提到最外层...
-
1
回答
72浏览
Animate.css动画只播放一次后失效怎么办？
我在项目里引入了 Animate.css，给一个按钮加了 animate__animated animate__bounce 类，第一次点击能正常弹跳，但之后再点就没反应了。是不是要手动清除类名？试过...
-
1
回答
23浏览
Lottie动画在移动端卡顿怎么办？
我在项目里用 Lottie 加载了一个 JSON 动画，桌面端跑得很流畅，但一到手机上就明显卡顿，尤其在低端安卓机上几乎动不了。我试过把动画帧率从 60 降到 30，也压缩了 JSON 文件大小，但效...
-
2
回答
16浏览
BEM命名中嵌套块的类名该怎么写才规范？
我最近在用 BEM 写一个商品卡片组件，结构大概是“卡片里有标题、价格、按钮”。按照 BEM 规范，主块是 product-card，那里面的按钮应该叫 product-card__button 没问...
-
2
回答
58浏览
TweenMax在React组件中动画不执行是怎么回事？
我在React里用TweenMax给一个div加淡入动画，但页面加载后元素直接显示，完全没有动画效果。控制台也没报错，我试过把动画逻辑放到useEffect里，也检查了ref是否正确绑定，但就是不动。...
-
1
回答
33浏览
postcss-mixins 在 Vue 项目里怎么用？总是报 mixin 未定义
我在 Vue3 + Vite 项目里装了 postcss 和 postcss-mixins，也配好了插件，但写 mixin 的时候一直提示找不到。是不是语法不对？ 我试过在 style 里直接写 @d...
-
1
回答
58浏览
Figma导出的CSS代码为什么和设计效果不一致？
我在Figma里做了一个按钮，导出成CSS后粘贴到项目里，颜色和间距都对不上，明明Figma里看着很完美。我试过检查单位、字体、盒模型，但还是有问题。 这是Figma自动生成的CSS代码： .butt...
-
1
回答
41浏览
PostCSS 处理媒体查询时为啥没生效？
我用 PostCSS 的 autoprefixer 插件处理 CSS，但写好的媒体查询在编译后完全没变化，也没报错，是不是我配置漏了啥？ 我的 CSS 里写了类似这样的代码：@media (max-w...
-
2
回答
45浏览
PostCSS处理AST时如何准确匹配特定CSS规则？
我最近在用 PostCSS 写一个插件，想只处理某些特定的 CSS 规则，比如 class 名包含 btn- 的选择器。但发现用 rule.selector.includes('btn-') 会误匹配...
-
2
回答
96浏览
CSS动画结束后如何保持最终状态不回退？
我用CSS写了个简单的放大动画，但动画播完后元素又缩回去了，怎么让它停在最后的状态啊？ 试过加了animation-fill-mode: forwards，但好像没起作用，是不是哪里写错了？ @key...
-
1
回答
119浏览
Framer Motion 的 exit 动画为什么不生效？
我用 Framer Motion 做了个列表，想在删除项时加个淡出动画，但 exit 动画完全没反应。明明已经给组件加了 layout 和 animate，也用了 AnimatePresence 包裹...
-
2
回答
44浏览
Spring动画的阻尼参数怎么调才不抖动？
我用 Framer Motion 做一个弹窗的入场动画，用了 spring 类型，但每次弹出来都会来回抖好几次，特别难受。 试过改 damping 和 stiffness，比如设成 damping: ...
-
2
回答
816浏览
postcss-modules 生成的类名为什么没被正确替换？
我用 PostCSS 配合 postcss-modules 处理 CSS 模块，但打包后发现 JS 里引用的样式类名还是原始名称，没有被替换成哈希后的名字。比如我写的是 styles.containe...
-
1
回答
57浏览
CSS变量在媒体查询里为啥不生效？
我在写响应式布局时，想用CSS变量控制不同屏幕下的字体大小，但发现媒体查询里修改变量后，页面没反应。明明语法看起来没问题啊。 我试过这样写： :root { --font-size: 16px; } ...
-
2
回答
22浏览
postcss-preset-env 为什么没把 :focus-visible 转成兼容写法？
我用 postcss-preset-env 处理 CSS，但发现 :focus-visible 伪类在低版本浏览器里没生效。我明明开启了 stage: 3，按理说应该自动 polyfill 才对啊？ ...
-
1
回答
27浏览
CSS关键帧动画为什么不生效？
我写了个简单的淡入动画，但加到元素上完全没反应，控制台也没报错。试过改animation-name和调用方式，还是不行。 关键帧代码是这样写的： @keyframes fadeIn { from { ...
-
1
回答
40浏览
Flex容器动态添加子项后，子项溢出且无法垂直居中怎么办？
我在用Flex布局做一个卡片列表，通过JavaScript动态添加子元素时遇到了问题。设置了flex-wrap和align-items: center，但新添加的子项要么溢出容器，要么垂直位置错乱。 ...
-
2
回答
146浏览
Vue的Transition组件子元素动画没反应怎么办？
在用Vue的v-for循环列表时，给transition组件设置了name和mode，但删除元素时只有第一个元素有动画，其他子元素直接消失，这是为啥啊？ 代码是这样的：<transition-g...
-
2
回答
87浏览
PostCSS Parser解析时如何处理注释导致的语法错误？
我在用postcss.parse解析包含CSS注释的字符串时，总报错“Unexpected '/' on line 2”，但注释明明写对了。比如： const css = '/* 这是注释n未闭合的注...
