为什么我的css动画没有停留在同一位置？
CSS动画没有停留在同一位置的原因可能有以下几点：
- 动画属性设置不正确：在CSS中，动画属性包括动画名称、持续时间、延迟时间、重复次数等。如果这些属性设置不正确，可能导致动画没有停留在同一位置。例如，如果重复次数设置为infinite，动画将一直循环播放而不会停留在同一位置。
- 动画元素的位置属性不一致：如果动画元素在不同的关键帧中具有不同的位置属性，那么动画播放时就会移动到不同的位置。要使动画停留在同一位置，需要确保动画元素在所有关键帧中的位置属性保持一致。
- 动画元素的父元素位置属性不一致：如果动画元素的父元素在不同的关键帧中具有不同的位置属性，那么动画元素相对于父元素的位置也会发生变化。要使动画停留在同一位置，需要确保动画元素的父元素在所有关键帧中的位置属性保持一致。
- 其他CSS属性的影响：除了位置属性外，其他CSS属性（如宽度、高度、边框等）的变化也可能导致动画元素的位置发生变化。要使动画停留在同一位置，需要确保所有相关的CSS属性在动画的所有关键帧中保持一致。
为了更好地解决问题，可以提供具体的代码和效果展示，以便更准确地分析和给出解决方案。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc
相关·内容
1回答
为什么我的css动画没有停留在同一位置？
css、css-animations
当我的页面加载时，徽标动画从屏幕的右下角开始，即使我的徽标元素是绝对定位的。我真的不明白为什么会发生这样的事情，又该怎么办。下面是我的代码： HTML： <div class="intro position-relative">
<header class="company-name border border-5="lh-1&quo
浏览 19提问于2021-01-03得票数 0
回答已采纳
3回答
位置变化动画
javascript、css、animation
我有div元素，我想从左边动画它的CSS相对位置：-260 is；向左：-130 is；超过0.5s当我把鼠标放在它上面的时候，我希望它停留在那个div上，只要我的鼠标在那个div上。当我把鼠标移出那个div的时候，我不想让它回到原来的位置。
我读了大量关于css关键帧动画的
浏览 3提问于2015-06-08得票数 0
回答已采纳
1回答
Android -小部件上的动画
android、android-layout、android-widget、android-animation
我从一个简单的按钮动画开始，我在一定程度上是成功的，有人能帮我提供一些有用的代码片段或建议吗？
浏览 2提问于2011-07-29得票数 1
回答已采纳
1回答
将图像放在精确的位置上
html、css
我有一个图像(这是一个地图指针 )，我想使用CSS把它放在地图上的确切位置上，这样它就会停留在地图上为什么滚动的位置上。我不能将指针和地图添加到相同的图像中，因为会有一些带有指针的动画。你会怎么做？
浏览 1提问于2015-05-24得票数 0
2回答
如何将ImageView永久设置在TranslateAnimation之后的位置
java、android
我参考了其他的问题，但没有找到解决方案，而且我对编程也相当陌生。
因此，我在我的TranslateAnimation上实现了一个ImageView，但是一旦动画结束，它就返回到它原来的位置。我使用了重写onAnimationEnd，但这似乎不起作用。有人能弄清楚我该怎么做吗？
浏览 3提问于2017-08-15得票数 1
回答已采纳
1回答
为什么在PageControl项目中没有动画？
iphone、cocoa-touch、uiscrollview、uipagecontrol
我使用的是苹果开发网站上的PageControl项目。我已经为项目添加了一个翻转视图，并在每个视图/页面的右上角添加了一个信息图标。由于某些原因，只有第一页能够动画翻转。上的第2页仍显示翻转的页面，但不会显示动画。为了确保第1页没有任何特殊之处，我将第1页和第2页互换，这样做效果很好。位置%1中的页面%2有动画效果，而位置%2中
浏览 1提问于2009-11-01得票数 0
回答已采纳
2回答
由父范围触发的div上的悬停
jquery、html、css、mouseover
我有一个精灵图标，当它所在的div被鼠标移过时，它会产生动画效果。这个图标目前在<span>卡中。
我希望当我将鼠标悬停在<span>上时，图标就会有动画效果，而不仅仅是当它在图标上时。这是我正在处理的代码的链接。
浏览 18提问于2016-09-22得票数 0
2回答
CSS3动画重置
css、animation
我刚刚学到了CSS3动画，我让它褪色了，但是一旦动画完成了，它又回到了原来的位置，我怎么才能让它停留在原处呢？
此外，动画似乎有点粗糙，有没有更好的方式来写这个，使它看起来更流畅？
浏览 2提问于2017-03-10得票数 0
回答已采纳
2回答
角4+关键帧动画，保持在最后位置
angular、ionic3、angular-animations
我正在做一个Ionic3/ angular 4应用程序，我用角度动画把东西移动到我的屏幕上，一切都正常，除了在动画的末尾，div重置到它原来的位置，而不是停留在动画结束的最后一个位置，
我知道，在CSS中，您只需在动画中添加“转发”，它就会停留在那里，但是如何在组件中实现呢？finalYState}}
浏览 1提问于2018-10-29得票数 0
回答已采纳
1回答
如何减少javascript滚动/ CSS转换中的FPS下降
javascript、jquery、frame-rate、gsap
我已经在性能分析和优化的兔子洞，我无法减少下降的帧率应该是相当轻的转换，虽然我怀疑它是在卷轴上，虽然节流是可能的责任？非节流jQuery版本.('body');
w.scroll(function(
浏览 3提问于2020-07-13得票数 1
回答已采纳
3回答
phonegap iphone的jquery效果不流畅
jquery、cordova
iphone上phonegap应用程序中jquery效果不流畅 { $('#content').slideDown('slow');你知道为什么它不能正常工作吗
浏览 3提问于2012-07-25得票数 1
回答已采纳
1回答
安卓系统上的ObjectAnimator <11
android、android-animation
我正在尝试使用android 2.1+上的objectAnimator。官方ObjectAnimator是从Android3.0引入的，我必须使用库Synce。但是翻译动画只能在Android3.0 +上运行。在android <3.0版本中，视图的位置在动画之后不会改变。请帮我解决这个问题。我想要做的是水平滑动视图。
更新:新增源码。我已经在android >3.0上测试了这个源代码，
浏览 3提问于2012-12-20得票数 1
1回答
WPF动画路径速度和暂停
c#、wpf、animation
我对WPF中的动画很陌生，并试图重新编码我以前用GDI+和C++编写的一个程序到WPF和C#中。该程序使用动画路径沿这些路径移动特定图像。我需要在路径上的某些点停止附加的图像，例如5秒，而所有其他路径仍在动画或改变附加图像的速度，以便图像减速/速度在某些点。作为我对WPF的新认识，我有几个选择，但我不确定是否存在所有的可能性：
每条
浏览 4提问于2013-03-13得票数 0
1回答
android -动画防止单击事件
android
我是Android的游戏开发新手。
我有一个游戏，我需要点击移动按钮或TextViews(不重要)。我扩展了FrameLayout类并添加了一些按钮(通过addView方法)。然后我尝试使用TranslateAnimation，但它似乎没有更新单击事件的坐标(即当我单击新位置上的移动按钮时，事件没有处理，但是当我单击原点(它开始移动的位置)时，即使按钮离开了这个<
浏览 5提问于2011-11-09得票数 0
1回答
停止鼠标中心在同一元素中的单击传播
jquery、mouseenter、mouseleave
我有一个菜单，它可以在短时间内对"mouseeenter“和"mouseleave”进行一些.animate动画，但是它也具有“单击”功能：-当鼠标继续运行时，一个元素将其"top“样式位置移动到另一个--当鼠标离开时，相同的元素移动到它原来的"top”样式位置。-当鼠标单击它时，会发生一些事情(html5部分滑过css3转换)，如果我停留在元素上，然后在“鼠标中心”动画结束后
浏览 3提问于2013-09-26得票数 1
回答已采纳
1回答
Onlclick监听器不能正常工作..？
android、animation、button、onclick
我有一个按钮，我使用旋转动画旋转了45度，并将其应用于单击监听器，以敬酒一条消息。<?xml version="1.0" encoding="utf-8"?
浏览 0提问于2011-11-07得票数 6
回答已采纳
1回答
CSS关键帧动画会影响div的模式窗口
css、animation、modal-dialog、keyframe
我必须添加一个动画到一个固定位置的DIV，其中包含一个模式窗口。如果没有动画css指令(animation:navslide .5s ease forwards;)，模式窗口将按预期工作，占据整个屏幕。但是，使用css动画时，模式窗口会显示在固定位置的DIV中。为什么模式窗口的行为是这样的？有没有办法让DIV有一个动画<
浏览 16提问于2020-11-30得票数 0
回答已采纳
3回答
2在同一物体上的动画，仅最后一次显示。如何显示第一个w/o嵌套完成块？
ios、animation、block、cakeyframeanimation、completion-block
我在同一个UIImageView上做两个动画，使用块。动画并不完全是背靠背的，但几乎是这样；两者之间有一些逻辑。another.execute逻辑将UIImageView从视图上的一个位置动画到UIImageView逻辑，该逻辑确定是否允许图像停留在那里，如果不允许，则撤消动画(UIImageView返回原始位置如果我将逻辑和第二个动画块嵌套在第一个完成块中，我会
浏览 3提问于2012-06-17得票数 0
回答已采纳
1回答
如何在原始状态暂停css动画
javascript、jquery、html、css、css-animations
我正在为ajax加载程序使用这个动画：现在完成ajax调用后，我希望动画gif更改为"check mark“，然后我希望动画暂停，然后慢慢淡出，所以我这样做了：$('.spinner').addClass("ani
浏览 3提问于2015-11-13得票数 0
回答已采纳
1回答
背景中的误差和延迟逐渐淡入
javascript、jquery
这段代码给了我一个错误，在鼠标悬停时，它显示了背景变化的延迟，我真的不知道是什么问题。有人知道问题出在哪里吗？$('#compareDiv').hover( $(this).data( $(this).css('background') );$(this).fadeOut().css('background', 'url(images/compare-V1.png) bottom left n
浏览 5提问于2011-10-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
