3回答
如果我能够自由地修改html，我就能做到这一点，但问题是，我只能使用这个特定的布局来制作这个旋转器。
我想做的旋转器是这样的，
这里有一个粉红色的旋转器，它绕着灰色的小路旋转，中间有一个图标，它静止不动。
问题是，我必须让上面的旋转器只使用这个html布局。
只有一个
<div class="spinner"></div>
里面有个图标。
<div class="spinner">
<i class="mickey"></i>
</div>
图标字体或图像可以用于中
浏览 3提问于2017-04-03得票数 1
回答已采纳
我在练习html而且有问题。
首先，我的代码：
i:hover{
transform: rotate(360deg);
transition: 1s all;
}
i{
transition: 1s all;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="
浏览 0提问于2018-03-30得票数 3
回答已采纳
#inverted{
filter:hue-rotate(180deg);
-webkit-filter:hue-rotate(180deg);
-moz-filter:hue-rotate(180deg);
-ms-filter:hue-rotate(180deg);
}
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head
浏览 0提问于2018-10-31得票数 0
回答已采纳
我用npx create-react-app创建了一个React应用程序。
然后按照这些指示
我安装了字体令人惊讶的依赖关系：
npm i @fortawesome/fontawesome-svg-core
npm i @fortawesome/free-solid-svg-icons
npm i @fortawesome/react-fontawesome
然后，我将App.js更改为：
import logo from './logo.svg';
import './App.css';
import { FaSpinner } from 'reac
浏览 9提问于2020-10-24得票数 9
回答已采纳
在我的Angular5项目中，我使用FontAwesome图标:静态图标和旋转图标。我运行npm安装字体-可怕和版本4.7.0已安装。
"dependencies": {
....
"font-awesome": "4.7.0"
}
在我的app.component.html里
<div class="center">
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
<p>Loading...<
浏览 0提问于2018-04-30得票数 1
3回答
我是通过CSS背景使用字体超赞的旋转图标来加载页面。
/* Styles go here */
.loading-icon {
position: relative;
width: 20px;
height: 20px;
margin:50px auto;
}
.loading-icon:before {
content: "\f110";
font-family: FontAwesome;
font-size:20px;
position: absolute;
top: 0;
}
<!DOCTYPE html>
浏览 5提问于2015-12-11得票数 40
回答已采纳
2回答
旋转图标并在单击时切换内容
、、、、
当我点击图标旁边的链接时，我正在尝试旋转图标。我的想法是，当我点击链接时，图标旋转，内容向下滑动。我已经设法让内容向下滑动，但我不能让图标在同一脚本中旋转。
脚本是这样的：
<script>
$(function(){
$(".change_delivery_address").click(function(){
$(".spm").slideToggle();
});
});
这是de html：
<div class="change_delivery_address"><h6>Choose
浏览 0提问于2014-06-10得票数 0
3回答
有没有人能告诉我为什么我的图标在应该旋转的时候只是向右移动？
.rotate-icon{
display: inline-block;
-webkit-transition: -webkit-transform 0.6s ease-out;
-moz-transition: -moz-transform 0.6s ease-out;
-transition: -transform 0.6s ease-out;
}
.rotate-icon:hover{
display: inline-block;
-webkit-transform: rotate(-360deg);
浏览 1提问于2017-07-22得票数 1
回答已采纳
我正在尝试使一个图标在启动列表组项目的按钮内旋转。我的问题是，我不像精通CSS和HTML那样精通Js。我可以将"fa- spin“添加到类中，让它旋转，但它会一直旋转。我希望图标仅在list-group-item处于活动状态时旋转。 <a class="list-group-item list-group-item-action active center" id="list-Dec-list" data-toggle="list" href="#list-Dec" role=tab aria-controls=&
浏览 39提问于2019-03-14得票数 0
回答已采纳
1回答
我使用Bootstraps手风琴元素，当它打开时，我想旋转图标。我使用jQuery检查它是否折叠(因此其他元素将关闭)，然后我想旋转图标。我使用jQuery添加了一个类，它可以旋转图标(可以工作)，但它会跳回以前的样子：
.cross_up{
background:url(../img/cross.png) center center;
transition: all 0.20s ease;
}
.cross_down{
transition: all 0.20s ease;
transform:rotate(4
浏览 0提问于2015-03-12得票数 1
回答已采纳
我在用机动工具。
有一个带有ajax选项卡的页面。单击时，使用mootools Request.HTML命令加载新选项卡。
由于后台将有一些非常耗时的SQL查询，所以在页面加载之前，我将显示一个旋转图标(请参阅代码)。
122 $('detailContent').set('html', '<img src="common/img/ajax-loader-big.gif" alt="Loading content..." class="tabSwitchSpinner" />'
浏览 3提问于2010-09-02得票数 0
回答已采纳
1回答
点击时不旋转的糖
、、、
我正在编写一个脚本，当点击图标时，它会旋转图标class=“象形图标-星星”。
下面是css代码
.glyphicon-star-animate {
-webkit-animation-name: rotateThis;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes "rotateThis" {
from {
浏览 1提问于2016-11-23得票数 0
回答已采纳
1回答
我试图得到一个旋转图标旋转，但没有成功。我已经下载了最新的字体棒，并创建了一个非常基本的html文件，试图消除任何变量，使其工作。
以下是html：
<!doctype html>
<html lang="en">
<head>
<link href="C:/Users/<my-user-name>/Downloads/fontawesome-free-6.2.0-web/css/all.css" rel="stylesheet">
</head>
<body&
浏览 5提问于2022-11-02得票数 0
1回答
在引导旋转木马上将固定容器居中
、、、、
我有一个全屏版本的引导旋转木马工作非常好。
然而，我想中心的一个div包含三个图标水平和垂直，并让它固定在滑动旋转木马图像。
我试过为这个班设置一个宽度：
.centered {
position:fixed;
width: 500px;
margin: 0 auto;
}
然而，这三个图标不会更多地从左上角。
如果您想检查我的HTML代码，下面是指向该站点的链接：
非常感谢程序员！
浏览 0提问于2013-12-17得票数 2
回答已采纳
1回答
试图使用标准图标的jQuery移动获得一个良好的旋转动画时，可折叠或展开，但我得到一个奇怪的结果，标题中的整个可折叠标题被旋转。
在我理想的解决方案中，我只想简单地使用预定义的jQM图标类，而不需要为此添加额外的样式。
例如：icon-carat-u和icon-carat-d旋转180度，因此它们分别在可折叠的膨胀和塌陷时进行动画。
此外，我尽量避免使用click事件，因为在代码collapsible("expand")或collapsible("collapse")中使用时，可折叠图标也应该是动画的。
这是我的代码：
.ui-icon-carat-d {
浏览 0提问于2017-08-17得票数 2
我有多个引导手风琴的代码，当有人点击卡片标题时，我希望当手风琴打开时，这个特定标题的图标可以旋转。
<div class="accordion" id="a">
<div class="card">
<a class="card-header" role="button" data-toggle="collapse" data-target="#collapseone" aria-expanded="false"
浏览 3提问于2018-08-07得票数 1
回答已采纳
2回答
我面临一个关于图标旋转的问题。有4个<a>元素，其中有4个图标。当单击任何<a>元素图标时，旋转并显示方框。在此之后，当单击任何其他<a>元素时，最后一个框将折叠，最后一个图标的旋转将返回到它原来的位置。但问题是，当我单击<a>元素并立即再次单击相同的<a>元素时，图标不会旋转回原来的位置。
$icon = $('.icon');
$elem = $('.box');
$('.link').click(function () {
$elem.stop().
浏览 5提问于2017-04-30得票数 0
回答已采纳
3回答
我在我的网页上使用这些图标：
他们为图标使用的一个预置类是fa-spin，它将使图标旋转(du-嗯)。
我想让图标在它们盘旋的时候旋转。是我的HTML的一个片段(类"fa fa-envelope"触发图标本身)：
<a href="http://google.com" class="navbar-item">
<span class="icon">
<i id="wantspin" class="fa fa-envelop
浏览 0提问于2017-10-05得票数 0
回答已采纳
3回答
我的结构如下：
html {
background-color: rgba(0, 0, 0, 0.75);
}
.container {
margin: 10% auto;
text-align: center;
}
div > span {
display: inline-block;
}
.horizontal {
display: inline-block;
position: relative;
top: .1em;
width: 15%;
}
.bubble {
display: inline-block;
padding: 0.5e
浏览 0提问于2016-04-14得票数 6
回答已采纳
1回答
我想在css中旋转一个具有类属性的图标。
.km-cursoricon:after {
content:"\e0d4";
display:inline;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
在这里，我使用内容为图标，它不是旋转后使用旋转转换也和“KM-cursor图标”是为该图标的类，任何人都可以建议我如何旋转该图标。
浏览 1提问于2016-10-17得票数 1
回答已采纳
请查看www.jsbin.com/wigokojina/1/编辑?html、css、js、output
我已经向konva转换器添加了自定义svg图标，但是中间旋转器图标是可拖动的，即使我将拖放设置为false。另外两个图标是好的，就拖动而言，就像预期的那样。
我的问题是：
如何禁用旋转器锚点的拖动，这样图标就不会移动？如何禁用锚的所有事件处理程序，并添加单击事件？我尝试过shape.off('dragmove')等等，唯一有帮助的就是设置为false，但是我阻止了添加一个新的事件侦听器。我想禁用右上角锚的所有事件处理程序，然后添加一个onclick侦听器。可以使用fillPa
浏览 8提问于2019-10-28得票数 1
回答已采纳
我有一个要求，那就是需要旋转一幅具有一定真实感的图像--在带有眼睛水平的倾斜的水平平面上，想象一个旋转的飞行圆盘或直升机叶片。
我的意思是，(不是像旋转器那样的平面旋转)，但是当它面对你的时候，它会变得更大，当它向后旋转的时候，它会消失--在一个倾斜的水平水平的水平上。
目标是通过图标或图像获得一个真实的外观，在那里它看起来像用HTML在2.5D中旋转
在没有画布的情况下，HTML5就能做到这一点吗？
你能和画布或者直接的HTML5花招分享一个例子吗？
浏览 2提问于2013-05-03得票数 1
回答已采纳
3回答
使用Font，这将创建一个旋转图标：
<span class="fa fa-spinner fa-spin"></span>
在像这样的几个图标上使用JQuery切换JQuery类时，在不同的浏览器中的行为不同:它在Chrome和FireFox下正常工作，而在IE或边缘下只有第一次出现的情况才是正确的。
例如，使用以下HTML：
<span class="fa fa-spinner fa-spin"></span>
<span class="fa fa-refresh"></spa
浏览 0提问于2015-08-28得票数 6
回答已采纳
当我们加载角程序登录页面时，我试图在中间显示旋转图标。
下面是我的角度应用程序的index.html代码
<!doctype html>
<html>
<head lang="en">
<meta charset="utf-8">
<base href="./">
<meta name="viewport" content="width=device-width, initial-scale=1
浏览 2提问于2018-09-12得票数 0
我正在尝试在一个扩展面板的标题中创建一个图标。
我的HTML：
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon [@openClose]="panelOpenState? 'open' : 'closed'">keyboard_arrow_up</mat-icon>
Click me, all other animates
</mat-panel-title>
<mat-panel
浏览 29提问于2019-07-18得票数 2
回答已采纳
我想在文本框和旋转器中添加一个图标。
另一个用于旋转器，另一个用于文本框。我不知道该怎么称呼这个设计。
对于旋转器，单击它时只显示数据(文本)。
对于textbox，单击它后，客户端名称将被删除，就像HTML中的水印。
纺纱机
文本框
非常感谢。
浏览 1提问于2015-04-06得票数 0
回答已采纳
1回答
我是旋转一个六角形(6面形状)图标60度悬停，并希望它保持旋转，只要你不再悬停它。如果您再次悬停图标，它将旋转另外60度。
这种效果是否可以用纯CSS实现？重要的部分是图标保持旋转，只要你不再悬停它，并旋转60度，如果你悬停它。
我已经尝试过通常的方法，转换和转换，但图标返回到它原来的旋转，当你解开它。
.icon:hover {
transition: transform 0.5s;
transform: rotate(60deg);
}
浏览 3提问于2022-10-30得票数 1
回答已采纳
我有大约10个图标，所有图标都排列成直径约为400像素的圆形。每个图标都是80x80。
我想让这些图标在圆圈中旋转，但当我实现动画时，图标本身也在旋转--例如，底部的图标颠倒了。
有没有办法让它们一起旋转成一个圆圈，而不是让图标本身保持直立？
谢谢!
浏览 0提问于2012-04-27得票数 0
回答已采纳
1回答
Aviary HTML5 Web适用于iOS笔记本电脑、安卓手机、iPhone笔记本电脑，而不是iPhone。使用iPhone safari浏览器和iPhone chrome浏览器进行测试。
鸟类羽毛负载，然后“加载-旋转”图标继续旋转。
这是一个bug，还是不支持移动iOS？
浏览 2提问于2016-08-30得票数 0
回答已采纳
在这段代码中，我试图将图标旋转180度，它将作为图标旋转180度，但旋转的结束它将面对向下的方向，而不是向上的direction.how，我能解决这个问题吗？
我的html代码：
<html>
<head>
<link rel="stylesheet" type="text/css" href="troll.css">
<meta http-equiv="Content-Type" content="application/xhtml+xml
浏览 3提问于2016-08-23得票数 1
回答已采纳
有没有办法创建一个同步图标按钮，当它按下react native-expo时会旋转？我尝试创建一个旋转图标的“同步”，我希望它将显示旋转动画图标时按下。
浏览 1提问于2020-02-06得票数 0
我有一个svg图标，我想让它旋转(加载)。这个是可能的吗？我已经找到在线网站，他们可以创建旋转图标，但我还没有找到一个转换器，将使现有的svg图标旋转。
浏览 5提问于2016-10-26得票数 8
回答已采纳
1回答
此代码用于在单击图标时向上旋转箭头方向，当单击图标外侧时.I想要将其旋转回来，我也想在单击图标和单击图标外部时重复此过程。
<html>
<head>
<link rel="stylesheet" type="text/css" href="troll.css">
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
浏览 2提问于2016-08-24得票数 0
回答已采纳
我正在建立一个基于Bootstrap旋转木马主题的网站…不幸的是，当我将索引和css文件复制到我的目录中时，什么都不起作用。除了CSS之外，是否还有其他文件需要放在同一目录中？就像字形图标和所有按钮。从字面上看，它只是显示html...没有旋转木马之类的。
浏览 0提问于2016-10-07得票数 1
3回答
当我将图标放入fa fa-spinner fa-spin时，图标就会开始旋转。尽管旋转点旋转得很好。
例如:- 单击submit按钮并查看
浏览 1提问于2017-06-12得票数 1
我试图隐藏一个按钮的文本，并显示一个旋转器在它的位置，同时处理一些东西。但是，即使类被正确地切换到正确的值(正如我在开发人员工具上看到的那样)，也没有应用样式。
function toggleSpinner() {
$('button span').toggleClass('display-none');
$('button .fa-spinner').toggleClass('display-none');
}
function generateGrid(size) {
let arr = getRan
浏览 9提问于2022-06-08得票数 0
我正在做一个下拉菜单，并希望我的方框插入图标旋转90度时，按钮是悬停。当包含图标的div未设置为"display: inline;“时，此属性可以工作。但是，我希望图标是内联的，当我将其设置为该图标时，旋转属性将停止使div旋转。JSFiddle附呈。非常感谢您提前！
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
浏览 1提问于2022-09-30得票数 0
回答已采纳
1回答
旋转和保持字型的位置
、、、、
我想要精确的函数，如菜单中显示的和图标
到目前为止，我已经：
海军酒吧就位
方塔人图标(法角向下)就位
图标旋转，但只有当鼠标是在图标之上，而我希望它能够旋转时，鼠标是在菜单项的“李”。另外，当鼠标移到下拉列表项时，旋转图标应该保持原样。
目前为止的代码：
$("li.dropdown > a > i").hover(
function () {
$(this).addClass("gxcpl-fa-rotate-45");
},
function () {
$(this).
浏览 3提问于2017-07-24得票数 0
回答已采纳
1回答
我在Objective C/ Xcode中创建了一个图标网格。
有没有办法重新创建iPad主屏幕，为你的iPad上的每个应用程序填充一个图标网格。
我最感兴趣的是当设备旋转时在图标上重现的效果。在旋转时，一个新的网格图标(与新的方向相匹配)会旋转到正确的方向，并且图标本身会转换(我猜这是一个从一个图标到另一个图标的alpha淡入淡出)，变成将出现在该位置的新图标。
我看过，也看过。但我想知道是否有一个类(希望是由苹果开发的，但第三方解决方案也可以)可以重现这种效果？
如果没有这样的类，有没有人可以建议我如何在屏幕旋转到正确的方向时做图标变换效果？
浏览 2提问于2013-07-23得票数 1
回答已采纳
2回答
旋转箭头问题
、、
所以我做了一个常见问题。一切都很好，除了我希望离子图标旋转90度时，我点击特定的列表元素。这里是我拥有的6个HTML块中的一个
<li class = "q"><i class = "ion-arrow-down-a"></i> Lorem ipsum dolor sit amet,kdfssdfksdfkdfskfsdkfdskfdskkfdskfdskdsf</li>
<li class = "a">blahfshfshbshhaj JFDSJSDFJFSDJFSDJFSDJFJ
浏览 0提问于2016-06-05得票数 3
回答已采纳
1回答
我有一堆带有以下HTML的框
<div class="col-md-3 well content-boxes">
<div class="icon-container">
<img src="img/icon4.jpeg" />
</div>
<h2>Manicures & Pedicures</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in,
浏览 2提问于2017-04-27得票数 1
回答已采纳
1回答
我做了一个简单的页面来测试这个问题。我想使用font-awesome图标的子集来生成它，我使用了IcoMoon。然后，我创建了以下.css文件：
@font-face {
font-family: 'fontawesome-webfont';
src: url('file:///C:/Users/i/Desktop/fontawesome-webfont.eot');
src: url('file:///C:/Users/i/Desktop/fontawesome-webfont.eot?#iefix'),
url(&
浏览 3提问于2015-12-04得票数 2
回答已采纳
1回答
我想在 中“无限”地旋转我的命令(刷新命令)(直到加载完成，然后我想停止旋转，但是图像仍然必须是可见的)。我可以改变图标，让它开始旋转吗？我怎样才能达到这个结果呢？
旋转图标在旋转时不应该是可点击的，但这并不是很难实现的。
浏览 4提问于2016-01-27得票数 3
回答已采纳
当在toggleClass中使用jQuery时，我希望停止所有类切换。
我已经实现了jQuery函数来切换图标180度，使用下面的代码。
HTML：
{{#each menu}}
<ul id="myUL">
<div class="menu-text">
<li><span class="caret treeparent"> {{@key}}<i class="fas fa-chevron-down arrow"></i&g
浏览 5提问于2020-08-29得票数 1
回答已采纳
1回答
📷
请注意“雷鸟邮件”旁边的旋转器。我替换了旋转器图标
usr > share > icons > Yaru
scalable-max-32 > status
和在
scalable > status
这两个图标都有名称process-working-symbolic。
即使在那之后，我到处都有一个旧的旋转器。有没有可能把它变成我们选择的图标。？谢谢。
浏览 0提问于2021-02-07得票数 5
回答已采纳
1回答
我想创造一个标志与旋转图标在中心。我有几条路径，我只想旋转其中一条路径，这是我在它的中轴上命名的。我在网上找到了很多例子，但无法让它在其中轴线上旋转。
然后，我将其简化为下面的代码笔。
如果我旋转一个简单的div，这是很好的。但是，如果我试图在svg中旋转一条路径，它就不能正确地旋转。
我遗漏了什么？
<html>
<head>
<style>
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg)
浏览 0提问于2020-12-22得票数 1
回答已采纳
我已经在我的应用程序中应用了加载图标，它在某些地方工作得很好。但是当网格中有大量数据正在加载时，时间加载图标会出现旋转一段时间后，旋转停止，图标挂起，但记录正在获取。
一段时间后刷新网格。
如何修复该问题，以便旋转继续，直到数据完全加载。
浏览 0提问于2012-09-28得票数 0
回答已采纳
1回答
我正在尝试实现图标旋转，当用户旋转手机从纵向位置到横向，反之亦然。一种方法是创建两个单独的布局(.xml)，一个用于纵向模式，另一个用于横向模式，并且每个布局中都有适当的旋转图标。
但这不是一个干净的解决方案，当用户从一个方向旋转到另一个方向时，会导致视图跳转。
有没有一种方法可以只旋转图标而不使用两种不同的布局？
浏览 0提问于2018-05-02得票数 0
2回答
我使用使用旋转器的动作Bar.In，它的标题应该是图像/图标，可选择的项目应该是文本，在点击图标之后，它将显示字幕.I只想在ActionBar中有图标，当点击icon.There时显示下拉列表/旋转器是一个示例，但并不能解决我的问题，我只希望ActionBar中的图标和下拉列表/旋转器在点击icon.New时在Android.Help Me中显示出来。
浏览 4提问于2013-11-19得票数 1
回答已采纳
我很难弄清楚如何保持列表容器内的元素是静态的，而列表容器本身只使用html和CSS在悬停时旋转。 基本上，我在字体图标周围有一个菱形框，当我悬停时，整个列表容器旋转了45度，并形成了一个正方形，但这也将我的图标旋转了45度。我知道如何在没有悬停旋转的情况下分离转换，但添加一个悬停操作似乎会覆盖我尝试的所有操作。 下面是有问题的html： <div class="nav">
<ul class="social">
<li class="socialitem"><i class=&#
浏览 6提问于2021-01-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
