缓动函数怎么让动画更自然? Dev · 佳宁 提问于 2026-03-16 20:18:18 阅读 3 交互 我用CSS写了个简单的hover动画,但感觉太生硬了,想加个缓动效果让它顺滑点。 试过transition-timing-function: ease-in-out,但还是不够理想,是不是得用贝塞尔曲线自己调? 比如下面这段代码,怎么改才能让按钮弹起来的感觉更真实? .btn { transition: transform 0.3s ease-in-out; } .btn:hover { transform: scale(1.1); } 我来解答 赞 1 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 暂无解答 暂无解答 加载更多 相关推荐 1 回答 15 浏览 缓动函数怎么让动画更自然? 我用JS写了个简单的元素移动动画,但感觉生硬卡顿,不像CSS transition那样顺滑。是不是缓动函数没选对? 试过直接改 time / duration 的比例,但效果还是线性的。网上说要用 e... 令狐春红 交互 2026-03-11 17:11:22 2 回答 29 浏览 为什么我的CSS动画缓动函数效果不自然? 我给按钮添加了ease-in-out缓动效果,但悬停缩放动画看起来还是生硬。代码都对得上啊,是不是缓动函数选错了? <style> .button { transition: all 0.... 美蓝(打工版) 交互 2026-02-17 07:12:32 1 回答 13 浏览 iView表格的render函数里怎么拿到当前行数据? 我在用 iView 的 Table 组件时,想在某一列用 render 函数自定义内容,但不知道怎么在 render 里获取当前行的数据。文档看了半天也没搞明白,试了 this.row、params.... W″云超 组件 2026-03-12 20:46:21 1 回答 40 浏览 WebAssembly 导出的函数怎么在 JS 里调用? 我用 Rust 编译了一个 .wasm 文件,里面导出了一个叫 add 的函数,但在 JS 里加载后怎么都调用不了。我试过 instance.exports.add,但报错说不是函数。 我的 JS 加... 翼杨~ 前端 2026-03-07 16:02:22 1 回答 58 浏览 移动端动画缓动函数在iOS和Android表现不一致怎么办? 用CSS cubic-bezier写了个弹跳动画,iOS上很流畅但Android卡成PPT,搞不懂为啥差距这么大。试过把ease-in-out改成cubic-bezier(0.25, 0.1, 0.2... 姿言 移动 2026-01-30 23:16:27 1 回答 12 浏览 TweenMax 动画结束后元素位置怎么恢复原状? 我用 TweenMax 给一个按钮加了个点击缩放动画,但动画播完后元素就停在缩放后的状态了。我想让它动画结束自动回到原始大小,试过加 clearProps: "transform" 但好像没用? 这是... 艳丽 Dev 交互 2026-03-16 05:21:17 1 回答 3 浏览 TweenMax 动画结束后元素位置怎么回弹了? 我用 TweenMax 给一个 div 做了位移动画,从 left: 0 移动到 left: 200px,动画完成后却发现元素又跳回原来的位置了。明明没写 reverse 或者其他重置逻辑啊? 我试过... ♫羽沫 交互 2026-03-15 22:21:19 1 回答 7 浏览 Babel插件里怎么准确判断一个节点是不是箭头函数? 我最近在写一个Babel插件,想专门处理箭头函数,但发现用 path.isArrowFunctionExpression() 有时候不生效。比如遇到这种写法:const fn = () => {... 公孙馨翼 工具 2026-03-15 05:19:17 1 回答 6 浏览 Rax 中怎么让 CSS 动画在小程序端正常跑起来? 我用 Rax 写了个简单的加载动画,在 Web 端跑得好好的,但一到微信小程序就完全不动了,连 transition 都没反应。是不是小程序不支持某些 CSS 属性啊? 我试过把 animation ... シ昕彤 框架 2026-03-13 17:34:24 1 回答 13 浏览 页面切换动画怎么实现平滑过渡? 我在用 Vue 做一个单页应用,想在路由切换时加个淡入淡出的动画,但试了 transition 包裹 router-view 后没效果。是不是哪里写错了? 我的代码是这样写的: <transit... 子晨 Dev 组件 2026-03-13 16:31:17
暂无解答