Zoom缩放动画为啥回弹不自然？
我写了个简单的hover缩放效果，但鼠标移开时缩回去特别生硬，不像别人那种平滑回弹的感觉。是不是transform和transition配合有问题？
我试过改timing-function，也加了will-change，但还是卡卡的。代码就这几行：
.zoom-item {
transition: transform 0.3s ease;
}
.zoom-item:hover {
transform: scale(1.1);
}
- 2
回答
22浏览
Zoom缩放动画在Vue中怎么实现才不会闪动？
我用Vue写了个图片预览组件，想加个zoom-in的进入动画，但每次打开都先闪一下原图再放大，体验很怪。试过用transition包裹，也加了mode="in-out"，还是不行。 这是我的代码： &...
- 2
回答
29浏览
Zoom缩放动画在移动端失效是怎么回事？
我在做商品详情页的图片预览功能，用了CSS的transform: scale来做Zoom放大动画，桌面端没问题，但在手机上完全没反应，试了加-webkit前缀也不行。 代码是这样的： <div ...
- 1
回答
13浏览
Zoom缩放动画在React中如何实现平滑过渡？
我用React写了个简单的缩放动画，但元素放大时会突然跳变，没有平滑过渡，试了加transition也没用，是哪里写错了吗？ const ZoomBox = () => { const [isZ...
- 1
回答
57浏览
手势缩放动画在触摸结束后自动回弹怎么办？
折腾了一下午移动端手势缩放，用CSS的transform和transition写了个缩放动画。但发现当手指离开屏幕后，元素会自动回弹到原始大小，该怎么让它保持最终状态呢？ 我尝试过在touchend时...
- 2
回答
45浏览
地图缩放时路径起点终点标记移出屏幕怎么办？
在做地图路径规划功能时，用户拖动起点终点标记后，当缩放地图时标记经常会跑到屏幕外面去，试过监听zoom事件动态调整位置，但计算坐标总是不准，特别是大比例尺的时候。 我用了leaflet.js，尝试过在...
- 2
回答
158浏览
为什么我的Zoom组件第一次加载时没有平滑过渡效果？
我用Vue的transition组件做元素缩放动画，设置了transform: scale和过渡效果，但第一次加载时元素直接显示，没有平滑放大效果，刷新页面反而正常了。试过加v-cloak也不行，哪里...
- 2
回答
29浏览
为什么我的CSS动画缓动函数效果不自然？
我给按钮添加了ease-in-out缓动效果，但悬停缩放动画看起来还是生硬。代码都对得上啊，是不是缓动函数选错了？ <style> .button { transition: all 0....
- 2
回答
24浏览
React中实现滚动回弹时如何让回弹动画更自然流畅？
最近在做移动端列表滚动时遇到了回弹效果卡顿的问题。我用了CSS的overscroll-behavior: contain，但回弹动画总觉得生硬，没有原生那种流畅的减速感。尝试用React的useSta...
- 2
回答
68浏览
移动端滚动回弹动画卡顿怎么解决？
我在给移动端页面做滚动回弹效果时，用CSS transform叠加过渡动画，但滚动到底部回弹时总出现卡顿，特别是在快速滑动后突然松手的情况。尝试过给容器加overscroll-behavior: co...
- 1
回答
12浏览
缓动函数怎么让动画更自然？
我用JS写了个简单的元素移动动画，但感觉生硬卡顿，不像CSS transition那样顺滑。是不是缓动函数没选对？ 试过直接改 time / duration 的比例，但效果还是线性的。网上说要用 e...
暂无解答