如何让这个箭头不断旋转？
要让一个箭头不断旋转，可以通过使用CSS3动画来实现。下面是一个示例代码：
HTML代码：
<div class="arrow"></div>CSS代码：
.arrow {
width: 100px;
height: 100px;
border: 2px solid black;
border-top: none;
border-right: none;
transform: rotate(45deg);
animation: rotate 2s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}在上述代码中，我们创建了一个带有箭头形状的div元素，并使用CSS样式设置其宽度、高度、边框等属性。通过transform: rotate(45deg)将箭头旋转45度，然后使用animation属性定义了一个名为rotate的动画，持续时间为2秒，线性运动，并且无限循环播放。在@keyframes规则中，我们定义了动画的起始状态和结束状态，从0%到100%分别对应箭头从0度旋转到360度。
这样，箭头就会不断旋转起来。如果需要停止旋转，可以通过JavaScript控制动画的播放与暂停。
相关·内容
1回答
所以我决定建一个带下拉菜单的导航栏，然后我就这么做了，我不知道如何让箭头不断旋转，直到下拉菜单消失。请帮帮忙。 我尝试过javascript和其他CSS技巧，但什么也想不起来。如果我最终需要使用javascript来完成这项工作，那也没问题，我只希望它能正常工作:) 我希望箭头始终保持旋转，直到下拉内容消失。
浏览 20提问于2019-09-14得票数 1
回答已采纳
我试图在Android设备上实现屏幕底部的箭头。这个箭头被放置在屏幕的中心，并按给定的角度旋转。问题是，当使用SpriteBatch对TextureRegion的绘图函数时，它会旋转整个图像，因此y坐标也会向上移动一些。如果您在LibGDX中有一种与我的方法非常不同的方法。我仍然想看到它，因为我不在乎
浏览 0提问于2018-07-16得票数 1
回答已采纳
1回答
我想点击旋转木马的下一个箭头，直到循环结束。现在，如何使用selenium不断地单击下一个箭头？我做了-循环在点击，但它不起作用。这是元素的基本代码并单击。id='hp_category_tab_electronics_0-content']/div[1]/div/div/a[2]"));所以，简单地说，我想点击下一个箭头按钮
浏览 2提问于2013-11-29得票数 0
回答已采纳
4回答
当我的应用程序下载信息的时候，我正试着给一个箭头旋转动画。每次旋转后，我希望应用程序检查数据是否已经下载。如果没有，箭头应该再旋转一半，在每一个旋转之间有一个短暂的停顿。performSelector:@selector(animation) withObject:nil afterDelay:0.2];
即使动画函数不断地被调用，映像也只能旋转一次。我不想在动画上设置重复选项，因为我不知道箭头
浏览 9提问于2013-06-24得票数 0
回答已采纳
我正在为iOS开发一个应用程序，其中一个图像显示度数(从0到180)，第二个图像表示红色箭头。
我想让箭头简单地根据用户在0到180之间的数值字段中输入的内容进行旋转。此时箭头围绕其中心(对应于箭头图像的中心)旋转，但我希望箭头从底部旋转。简而言之，我的问题是:如何使用Xcode和iOS SDK围绕任意点旋转图像？
浏览 0提问于2012-11-29得票数 2
回答已采纳
你能帮我弄清楚当Visual Studio代码的状态行中有两个箭头不断旋转时，PowerShell到底在做什么吗？ ?
浏览 8提问于2020-04-29得票数 0
因此，我一直在尝试重现类似"aa“的游戏，在游戏中，一个”箭头“射向一个圆圈，并附着在圆圈上并随其旋转。我已经设法让箭头将箭头连接到圆圈上，但它不会旋转，只是停留在连接到圆圈的位置上。Arrow.position, anchorB: Circle.position)
}
这也是我如何让这个圆旋转
浏览 0提问于2019-12-08得票数 0
我正在尝试编写一些代码，这些代码将打印“旋转左”或“旋转右”，这取决于是否按下左右箭头键。目前，它似乎不断地打印出语句，直到按下另一个键，然后它只会多次打印另一个语句。我对Javascript还不熟悉，所以我是不是忘了做些什么来让程序停止注册按钮呢？
浏览 0提问于2014-01-16得票数 0
回答已采纳
2回答
我想制作一个旋转木马滑块，类似于您在Youtube.com和页面上看到的新设计，如：。
任何关于如何构建这个的建议，或者Jquery插件都可以促进这一点。我尝试过itemSlide()，但是我不知道如何获得CSS，以便它在容器DIV中正确地呈现。另外，Item幻灯片没有给出滚动到下一页的箭头。我看过的其他旋转木马插件，即使有它们的响应选项，也可以让您指定适合页面的项目数量。我希望这是由css决定。Update我得到了itemSlide()在容器div中呈现，但是我仍然需
浏览 10提问于2017-09-24得票数 0
Telefonnummer für Rückruf" value="" [(ngModel)]="this.inputValues.phone">顺便说一下，当我将鼠标悬停在这个组件上时，它会显示箭头/旋转按钮。请让我知道如何自定义此组件，使其不再显示箭头/旋转按钮。
好的问候，杰
浏览 26提问于2021-05-17得票数 3
回答已采纳
我正在开发一个小的迷你狼游戏，在这个游戏中，用户可以通过移动光标来设置角度，并且应用的力将是箭头的长度(当光标靠近球时，力较小)。你可以在这里查看它是如何工作的：
我已经知道如何旋转箭头精灵来跟随光标，但我还不知道如何让它在球周围移动，现在它只是在它的锚中旋转，在这个例子中是箭头的头部。我不需要确切的实现(这就是为什么我不发布任何代码)，但我想了解一些关于如何在给定半径内围绕一个点
浏览 0提问于2017-11-04得票数 0
如何在CCSprite上运行动画或一系列pngs(例如4个pngs)？另外，如何旋转CCSprite的方向？例如向左或向右旋转45度
谢谢
浏览 0提问于2011-02-02得票数 0
回答已采纳
1回答
现在我想要一个从当前位置到本地存储中的位置的箭头。我用javascript库"compass.js“检查了手机上的学位。
但是现在，我怎么才能把箭头射到那个地方呢？
浏览 0提问于2013-05-06得票数 1
回答已采纳
1回答
重复关键事件阻塞
、、、
我用SFML和OpenGL编写了一个简单的程序，它绘制了一个旋转方块，可以用箭头键在屏幕周围移动。它在我测试过的所有Linux和Mac计算机上都能正常工作，但是当我试图移动Windows上的正方形时(按住箭头键)，它会移动一小段距离，然后停止移动和旋转。我很肯定这个程序被困在了GetEvent方法中--我的猜测是，当我按住键足够长时间让它开始重复时，事件堆栈会在弹出它的所有东西之前不断地向它添加新的事件(如果我把Windows上的关键重复率降到最低，那么问题就消失了我发
浏览 1提问于2011-03-07得票数 2
1回答
我有一个子视图分层的问题，我有一个旋转的箭头和一个UIButton。箭头会旋转，UIButton会随箭头的旋转而变化。问题是我需要让UIButton可点击。此时箭头会旋转，但UIButton不可触摸。如果我尝试[self.view sendSubviewToBack:wheelControl];，箭头将被送到后面，并且不再可见。
浏览 2提问于2012-08-14得票数 0
回答已采纳
这个想法是让箭头绕圆旋转，在外半径上旋转。所以箭头必须坚持到外半径，然后沿着外半径。 m -1 25 Z" />圆+箭头
浏览 1提问于2019-08-09得票数 0
回答已采纳
1回答
这个问题与我的另一个问题关于摄像机旋转有关。我希望提出第二个问题是可以接受的。我不知道如何计算如何计算移动相机留在我的球员身后，根据球员的轮换。📷第二步箭头在0,0，并向右转90度
浏览 0提问于2019-02-12得票数 0
回答已采纳
1回答
我在做一个箭头，我可以让它旋转和旋转，但不能同时旋转。= Vector3.Slerp(transform.forward, rigidbody.velocity.normalized, 10 * Time.deltaTime);transform.Rotate(Vector3.forward, rotatioSpeed * Time.deltaTime);
不幸的是，如果它旋转，
浏览 4提问于2015-08-28得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
