CSS旋转动画上的像素跳转

文章/答案/技术大牛

发布

2回答

html、css、css-animations

单击时，窗体会下降，箭头会旋转；但是，您可以注意到像素的跳跃。我已经看过盒子模型好几次了，所有的像素都加起来了--我不知道这个跳跃是从哪里来的。阻止它的唯一方法是将箭头设置为绝对箭头，但如果布局没有变化，为什么会发生这种情况，这仍然是没有意义的。有什么想法吗？0 0 0 rgba(0,0,0,.5); transform: rotate(90deg); } ^以上是一些样例样式，因为我不允许在没有代码的

浏览 30提问于2019-02-16得票数 0

回答已采纳

1回答

如何在引导旋转木马中使用100%宽度的图像防止动画中的高度变化

html、css、twitter-bootstrap、twitter-bootstrap-3、carousel

引导3旋转木马应该使用固定高度的图像在动画.旋转木马是使用引导教程中的代码创建的。class="carousel-img" src="123" /> </div></div> width:

浏览 2提问于2015-05-30得票数 0

回答已采纳

1回答

俄罗斯方块旋转C++

c++、qt、tetris

我正在用Qt C++编写俄罗斯方块的代码。游戏差不多完成了，我唯一需要添加的就是轮换。现在我正在为轮换背后的理论而苦苦挣扎。俄罗斯方块有7种不同的宝石( I，S，Z，L，J，T，O )。对于不同形状的旋转，有没有什么算法或类似的东西？我不喜欢做的是有一个7种不同形状的开关来处理旋转。另外，如果像L这样的形状被旋转，它有4个不同的位置，必须进行不同的处理。所以我唯

浏览 0提问于2015-03-22得票数 0

1回答

如何导出带有CSS修改的Canva呈现有GIF

javascript、canvas、html5-canvas、p5.js

通过将这些css属性添加到Canva (140*140)中，我在动画上实现了像素化效果：width:500px;我的问题是，我不能导出这个Canva与我添加的属性。(我正在使用CCapture)我怎样才能得到我需要的渲染？

浏览 1提问于2021-03-23得票数 1

回答已采纳

2回答

旋转90/-90度的图像是模糊的jquery旋转

javascript、jquery、jquery-plugins

当使用这个jquery插件时：和我将图像旋转90度，无论是哪个方向，最终都会变得模糊。如果图像旋转了180度，它就不会模糊。有没有办法解决这个问题？

浏览 3提问于2012-10-17得票数 0

回答已采纳

2回答

旋转时触发不透明度，jquery

javascript、jquery、html、css、opacity

单击时，图像旋转。在这几毫秒之间，当图像旋转时，我需要将不透明度提高到1，当旋转停止时，不透明度更改为默认的.3。var value = 0; var text=$(this).text这里是没有条件语句的。对于给定的</e

浏览 6提问于2014-08-20得票数 1

回答已采纳

1回答

Java/Android:在屏幕左右侧连续旋转ImageView图像

java、android、rotation、imageview、ontouch

我目前正在制作一个Java游戏，只要按下屏幕的左右半部分，我就想旋转一个汽车图像。我似乎在其他地方找不到任何帮助，而且我也没有任何代码要展示，我不知道如何做:/。任何帮助都是非常感谢的！(哦，而且，似乎有些代码没有显示汽车实际旋转-当我点击屏幕时，我希望能够看到图像旋转。)谢谢! 任何帮助都是非常感谢的！

浏览 2提问于2015-10-25得票数 2

回答已采纳

1回答

如何在Javascript中使用@Keyframe

javascript、css

因为我想让动画在css中开始，但在90%，我希望它发生在Javascript中。因此动画将继续，并且在js动画开始之前不会停止。

浏览 3提问于2021-09-05得票数 0

3回答

jQuery动画的边界推送元素周围。如何阻止它？

javascript、jquery、html、css

我有一个小的基于jQuery的脚本，用于动画上的图像，你悬停的边界。document).ready(function(e) { { $(this).css('border-color

浏览 1提问于2012-02-27得票数 1

回答已采纳

1回答

无法弄清楚如何在KreatureMedia层滑块中循环css动画。

jquery、html、css、animation、plugins

所以我使用KreatureMedias层滑块，我有一个全宽的波，我想让bob上下浮动。它在技术上确实是循环的，但问题是它在跳回原始位置之前会动画增加几个像素。我想要的是它的动画上升几个<em

浏览 1提问于2017-05-02得票数 0

4回答

有没有办法让动画计时功能应用于整个动画而不是每个关键帧？

css、css-animations

我对动画有点陌生，所以如果我错过了一个重要的概念，请原谅。我需要制作一个指向曲线上一点的箭头动画，为了这篇文章，让我们假设它是一条三次曲线。箭头沿曲线的线条移动，始终指向曲线下方的几个像素。所以我所做的是，我使用CSS3沿着曲线的线设置关键帧： 0% { left:left: 266px; bottom: -26

浏览 1提问于2010-12-27得票数 27

回答已采纳

1回答

Wpf 4 TranslateTransform动画在某些效果应用时并不平滑。

wpf、animation、transform、effect

我们的应用程序中有一种旋转木马控件:一堆图标正在旋转(TranslateTransform和DoubleAnimation用于圆圈移动图标)。图标只是一个带有DropShadowEffect的图像。在.NET中，动画是平滑的。我最近切换到.NET 4和图标现在“跳转”，动画并不顺利。我试图删除DropShadowEffect，它解决了这个问题。是否有一种方法可以顺利地使元素具有动画效果？我试过像UseLayoutRounding，BitmapScalingMode这样的</em

浏览 3提问于2011-01-19得票数 1

1回答

Wordpress自定义Html -跳到锚点，然后滚动

css、wordpress、html、wordpress-gutenberg

我有一个Wordpress网站与横跨顶部的横幅是100像素高。我正在尝试构建一个页面，指导人们如何检查每个主要电子邮件服务的垃圾邮件文件夹。我用的是“古腾堡”编辑器。当我跳转到一个锚点(例如Gmail)时，由于页面顶部的横幅，跳转到的位置会切断跳转到的部分的前100像素。我想跳到锚，然后再向下滚动100像素，这样它看起来就像是滚动到适当部分的开头

浏览 23提问于2018-12-19得票数 0

1回答

如何使用jquery animate()函数旋转图像？

jquery

我知道有很多方法可以旋转图像，包括使用CSS3和jquery.i，我已经尝试过每一种方法。这些方法都不是我的problem.actually的解决方案，正如我在标题中提到的，我正在寻找一种方法来旋转我的图像与一个很好的缓动或effect.and我已经尝试了这样的东西，我知道它不会工作，也没有我找不到好的答案。

浏览 1提问于2014-04-01得票数 0

1回答

加载图标以低分辨率加载

html、css

因此，我增加了一个旋转图标，它是显示在我的网站上正在加载的东西，它到目前为止的工作，但它看起来真的很糟糕，似乎低分辨率，即使图像本身看起来不错。知道吗？CSS：.js #loader { display: block; position: absolute; left

浏览 0提问于2018-04-06得票数 0

回答已采纳

2回答

如何消除jQuery无限大背景循环中的故障？

html、jquery、css、css-animations、jquery-animate

我有一个背景图像设置为在10秒CSS动画上无限循环。我使用jQuery根据用户屏幕大小来查找图像的高度。然后我使用background-position-y，从0到图像的高度。这将为任何桌面屏幕大小创建一个平滑的循环(一个单独的bg图像将用于移动)。寻找关于如何制作第一个动画

浏览 7提问于2022-09-26得票数 1

回答已采纳

1回答

轻松旋转鼠标跟随

jquery

我构建了一个menupage，在这个menupage中，我按照鼠标移动的方式旋转中间的图像，如下所示： var deg = (radian * (180/Math.PI) * -1) + 180; $('#compassIn').css'transform': 'translateY(-50%)

浏览 2提问于2015-12-03得票数 0

1回答

基于CSS的设备方向的动画？

css、animation、mobile、screen-orientation、screen-rotation

我已经创建了一个根据设备方向显示和隐藏内容的页面，但是我发现当您旋转和显示/隐藏内容时，会有一些跳转/滞后。是否有可能仅使用css就能在显示/隐藏的lelement之间生成更平滑的过渡效果？

浏览 0提问于2012-11-30得票数 0

回答已采纳

1回答

CSS动画中奇怪的关键帧设置

css、css-animations

受本教程的启发，我决定制作类似效果的纯css版本。 background: #ccc; .card { display: inline-block;

浏览 0提问于2016-11-04得票数 0

1回答

有只为安培故事准备的组件列表吗？

components、amp-html、amp-story

主AMP站点有一个列出所有组件的页面。 amp-facebook-页面

浏览 3提问于2018-10-15得票数 0

回答已采纳

点击加载更多