Css来回旋转元素360

文章/答案/技术大牛

发布

2回答

html、css、rotation、css-animations

正如问题所说，我想将图标旋转360度，一种方式旋转，另一种方式反复旋转。往一个方向走很容易，但我不明白的是停下来再往另一个方向走。webkit-transform: rotate(359deg);} 我试着创建另一个方向相反的旋转

浏览 24提问于2018-01-29得票数 6

回答已采纳

2回答

javascript或css用于动画文件传输

javascript、jquery、css、jquery-animate、css-animations

clearTimeout(animateL); } </script> 这个工作为我，但我希望显示文件旋转

浏览 0提问于2014-07-26得票数 0

回答已采纳

4回答

悬停方向旋转图像

html、css、hover

我试图确保当我将父<div>悬停时，div内的<img>应该旋转360度(例如，悬停文本，或者中间的空间也应该旋转图像)。

浏览 9提问于2014-01-27得票数 2

回答已采纳

1回答

好的，我有这个旋转的CSS3动画(在动画中有一个重复超时)，但是我得到了这个非常奇怪的行为，动画看起来像动画一样“向后跳”。我这里有一个JS的演示(编辑-请原谅长时间的延迟，它是动画的一个必要的部分-一个长超时)：#logo { position: relative; float: left;65%, 75%, 100% { } -webkit-transform: rotate(360</

浏览 2提问于2011-10-16得票数 1

回答已采纳

2回答

CSS3跃迁效应问题

javascript、jquery、html、css

使用来自这个的引用，当单击div元素时，我尝试将css3转换应用到div。演示是，一切都工作得很完美。<div class="testRotate">Test rotate</div>.testRotate{ height: 50px; -moz-transform: rotate(360deg);

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

2回答

不返回原始状态的旋转元素

javascript、jquery、html、css、rotation

我想做旋转在我的div与图像悬停。但在我想要设置轮换默认，而不旋转div回来。我试过两种方法。); -o-transform:rotate(360deg);和jQuery： } }); }

浏览 2提问于2014-12-24得票数 0

回答已采纳

1回答

按单击递增旋转图像

javascript、css、increment、image-rotation

我试图添加一个编号的拨号图像到我的网站，旋转的小增量，当它被点击。这里的javascript正是我要找的：我相信解决办法很简单，但我似乎想不出答案。任何帮助都将不胜感激。this ).css</em

浏览 3提问于2015-09-23得票数 2

回答已采纳

1回答

css :悬停旋转元素并保持新位置

css、rotation、transform

我有一个(css?)在element:hover上旋转一个元素并在移动鼠标时保持新位置的可能性？现在它似乎起作用了(忘了说，我希望它每次/多次发生)： $('.artistbutton360').bind({ $(this).css("-webkit-tran

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

回答已采纳

2回答

我如何在HTML5画布中用JavaScript动画来旋转图像？

javascript、html、canvas、html5-canvas

我需要用一种使物体旋转的方式来动画。有点像一个加载游戏，旋转或什么，但一个实际的旋转图像。不确定这是否真的有可能？任何帮助都是非常感谢的！

浏览 4提问于2014-05-26得票数 1

回答已采纳

1回答

防止@keyframe transform: rotate()在动画周期结束时跳过其初始transform: rotate()值

css、keyframe

我正在尝试将元素从其起始旋转点旋转360度，而不是从0deg。例如，如果起点是90deg，它将从90deg旋转到90deg (完整的圆)。我的目标是使用一个简单的@keyframe动画来旋转元素，而不是使用JS进行动画。我目前正在通过JS设置元素的初始转换，如下所示： transform: 'rotate' + startingDegreePosition + &#x

浏览 1提问于2015-06-05得票数 1

3回答

如何更改元素在CSS中旋转的速度

javascript、css、performance、animation

因此，我正在操作的元素有一个旋转的id和一类转子。.rotors {top: 90px;-webkit-animation:spin .5s linearwebkit-transform:rotate(360deg);}} 但是假设我按下一个id为1的按钮，它就会开始旋转，而不是在页面加载时自动旋转，如果我按下第二个id为

浏览 0提问于2020-02-22得票数 0

1回答

用CSS制作的时钟箭头不正确工作。

javascript、jquery、html、css

我用CSS制作了一个模拟时钟，并旋转它的箭头。这很好，但当我设定启动时间时，问题就出现了。例如，如果是下午12:00，第二个箭头在60秒内完成完全旋转，分钟箭头在3600秒内完成同样的操作，而小时手则在43200秒内完成。在本例中，我使用css通过rotate(120deg)设置起点。但无论如何，我的箭头从数字4旋转到12，持续60秒，然后简单地跳到起点。我该怎么解决这个问题？;

浏览 1提问于2018-01-09得票数 4

回答已采纳

1回答

如何在three.js中添加360全景图中的div元素或热点？

javascript、three.js、360-panorama

我正在创建虚拟浏览上传360图像，并希望包括热点或任何内部的360图像中的点击位置在360图像的div元素。如果我创建div，那么在旋转360图像时，div仍然保持在相同的位置，但我希望在旋转相机时隐藏该div。我已经试过使用精灵材质了。它工作得很好，但不能在sprite材质中使用任何css。所以我想要画布外的div元素，在那里我可以设置顶部，左边的位置值，并显示热点或任何div元素。if (intersects[

浏览 39提问于2019-07-11得票数 2

2回答

旋转图标360度顺时针角度

javascript、angularjs、rotation

角新手在这里，我试图创建一个按钮，其中将有一个图标，其中旋转360度，一旦点击。到目前为止，我有旋转，但它旋转整个按钮，而不仅仅是元素。当点击按钮时，只想让它旋转“蓝色方块”。app = angular.module('app', []); var degrees = 360; $element.css('

浏览 1提问于2015-06-01得票数 1

回答已采纳

1回答

CSS动画旋转元素360度旋转元素本身，围绕元素旋转

html、css、animation、keyframe

我的HTML页面上有一个齿轮图标，我想要像现实世界中的齿轮一样旋转。我已经创建了一个控制旋转的CSS动画，但问题是齿轮本身并没有旋转，而是稍微旋转了一下，因此也改变了它的位置。block; } 0% { 100% { transform: rotate(360deg

浏览 38提问于2020-10-18得票数 0

回答已采纳

2回答

如何将3d视图旋转360度？

iphone、objective-c、ios、rotation、catransformlayer

我正在开发一个应用程序，其中我正在360度旋转视图，但我不能旋转它360度。它被旋转了180度，在被旋转之后，它又回到了原来的位置。setDuration:0.9];换句话说，它是来回旋转的如何不断地旋转它...请帮助我..。

浏览 9提问于2012-05-31得票数 1

回答已采纳

1回答

如何通过切换类同时应用多个旋转转换？

css

我试图将各种转换应用于给定的元素或元素集，方法是单击按钮来切换类的开和关。这在大多数情况下都有效，但当我尝试切换多个旋转转换时，就不起作用了。一旦一个元素有两个独立的旋转转换类(rotateX，rotateZ)，转换就会像我预期的那样停止工作。请看我这里的例子：#box { height: 100px; transition:rotateZ(360deg

浏览 2提问于2013-08-05得票数 10

2回答

鼠标悬停完成动画离开

css

我使用CSS关键帧旋转一个元素的悬停状态。forwards; 0% { } transform:

浏览 1提问于2022-03-10得票数 2

回答已采纳

2回答

CSS3 /CSS -旋转背景图像

css、background-image

可以在css中旋转背景图像吗？我可以使用以下方法旋转元素：{ 100% {-webkit-transform: rotateX(360deg); -webkit-transform-origin: 0% 50% 0;} @-); -webkit-transform-origin: 0%

浏览 1提问于2013-06-05得票数 13

回答已采纳

1回答

为什么动画只能工作一次，而其他的效果却按需要每次点击都能工作呢？

jquery、onclick、jquery-animate

我希望‘块’效果和‘按钮旋转’每次点击'clickMe‘按钮运行，但旋转动画只运行一次。为什么？ {rotation: 360}, step: function(now, fx){$(this).css({"transform": "rotate(" + now + "

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

回答已采纳

点击加载更多