当悬停时图像不会旋转
是指在网页开发中，当鼠标悬停在某个图像上时，图像不会发生旋转的效果。这通常是通过CSS（层叠样式表）来实现的。
在CSS中，可以使用:hover伪类选择器来定义鼠标悬停时的样式。为了使图像不旋转，可以使用transform属性来控制旋转效果。具体步骤如下：
- 首先，为图像元素添加一个类或ID，以便在CSS中进行选择。例如，给图像元素添加一个类名为"image-hover"。
- 在CSS中，使用.hover类选择器来定义鼠标悬停时的样式。例如：
.image-hover:hover {
transform: rotate(0deg);
}上述代码中，.image-hover:hover表示当鼠标悬停在具有image-hover类的元素上时，应用下面的样式。transform: rotate(0deg)表示将图像旋转角度设置为0度，即不旋转。
- 将上述CSS代码添加到你的样式表中，或者直接将其嵌入到HTML文件的<style>标签中。
这样，当鼠标悬停在具有image-hover类的图像上时，图像将保持不旋转的状态。
这种效果可以应用于各种情况，例如在网页中展示产品图片时，当用户悬停在某个产品图片上时，图像不会发生旋转，以提供更好的用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/metaverse
相关·内容
4回答
悬停方向旋转图像
、、
我试图确保当我将父<div>悬停时，div内的<img>应该旋转360度(例如，悬停文本，或者中间的空间也应该旋转图像)。
这是我的JSFiddle -
我认为这可能是很简单的事情，但是我似乎不知道要改变什么才能使这个“简单”的效果发挥作用。
浏览 9提问于2014-01-27得票数 2
回答已采纳
我想让图像在悬停时旋转180度。当图像被点击/选中时，我希望图像保持在该位置，直到再次被选中，此时它应该返回到其原始位置。
我已经尝试了CSS的组合，它在悬停时工作得很好，但不会持久。然后，我发现了一些使用jQuery的帖子，但由于我发现的示例非常简单，所以不足以让图像在再次选择时返回。
HTML
<div class="conversionFormE" id="switch1">
<label class="swapHide">Swap?</label>
<input type="but
浏览 3提问于2013-07-16得票数 2
回答已采纳
2回答
悬停时旋转图像失败
、、、、
我有一个在悬停上旋转图像的工作示例
当在父元素上悬停时，它使用scale()、旋转式()和转换属性来动画图像。溢出:隐藏在父元素上，以隐藏多余的部分，使其免受图像转换的影响。
当我试图复制同样的反应效果时，我会看到图像，但当我悬停时，图像不会旋转。但一切都一样吗？我在这里错过了什么？
import React from 'react';
import { Box } from '@mui/material';
import Image from 'mui-image';
const styles = {
hoverRotate: {
浏览 8提问于2022-07-22得票数 2
回答已采纳
2回答
我的网站上有一张图片。当我悬停在它上面时，我想让它做一个360度旋转的动画。 我目前正在CSS中这样做： .img-responsive:hover {
transition-duration: 2s;
transform:rotate(360deg);
} 然而，当用户悬停在图像的边缘时，图像会旋转，并且不再悬停在导致图像“痉挛”的边缘。 如何才能获得正确的外观和稳定的旋转？JavaScript也可以工作。
浏览 0提问于2014-01-17得票数 0
3回答
这段代码取自，旨在为图像旋转提供动画效果。
我不能准确地弄清楚它的结构，以及如何训练它来做我想做的事情，例如，让div X在悬停时旋转div Y(而不是旋转自己)，或者向动画中添加其他功能，如淡入淡出。
$(document).ready(function()
{
var rot=$('#image3').rotate({maxAngle:25,minAngle:-55,
bind:
[
{"mouseover":function(){rot[0].rotateAnimation(85);}},
{"mou
浏览 6提问于2009-12-15得票数 1
我想使用css3旋转和javascript setinterval来旋转图像。图像应在鼠标悬停时旋转。有人知道怎么做吗？
浏览 1提问于2012-03-26得票数 1
2回答
只有一个我似乎无法理解的小元素，我希望这里的集体知识能为我指明正确的方向。
当用户将鼠标悬停在div上时，我希望在div中旋转图像。代码的示例可以在这里找到：
现在，动画是通过悬停在图像本身上来触发的，而不是整个div。
不知道是否有可能做我想做的事情，但提前感谢您的确认或建议！
浏览 4提问于2012-01-28得票数 1
回答已采纳
1回答
我在侧边栏上有个div。整个div是一个链接，带您到网站的另一部分。
现在，在div的左边有一个类似花的小图像，背景图像。当你悬停的时候，花应该
旋转
渐入渐退。
如果我在整个div上应用动画，div将旋转，而不是背景图像。因此，我这样解决了它:花处于绝对位置的div中，并连续地旋转和消退(如果我将动画应用于:悬浮，那么只有当我在图像上直接悬停时，它才会旋转)。
浏览 0提问于2013-05-04得票数 3
回答已采纳
我有一个Wordpress网站与一些CSS3规则应用于一些图片，旋转的图像，并有一个悬停效应的滚动也。问题出现在Safari & Firefox中，当你在这些图片上悬停，我似乎找不到类似的问题，人们在互联网上。
请参阅，然后在图像上悬停(稍微旋转的图片)：
(Firefox)Member成员名称变得模糊，然后回到正常的图像边框变得锯齿状(火狐)有时当您在两个成员图像(Safari)之间来回悬停时，会在成员图像的一侧显示大的黑线。
如果我禁用了转换:旋转规则，一切都很好。因此，这条规则似乎是个问题。只是想不出怎么绕过它。
有人想知道我是怎么解决这些问题的，或者是什么原因造成的？
谢谢你的
浏览 2提问于2011-09-20得票数 2
1回答
我当前图表的hover-info稍微旋转了一下(见下图)。也就是说，当我将鼠标悬停在条形图上时，悬停文本将从水平方向旋转约60度(例如，查看图像中的第二个条形图)。如何将旋转设置为0？
# sample data
tbl = data.frame(list_id = c(1,2,3,4,5,1,2,3,4,5,1,2,3,4,5),
main_count = c(1,2,3,4,1,2,3,4,1,2,3,4,1,2,3),
total = c(23,34,66,22,66,88,55,44,22,11,33,55,43,22,55))
浏览 1提问于2016-03-25得票数 7
1回答
我试着用两个边做一个立方体，一个是图像容器，另一个是文本容器。是工作柱塞
我使用以下方法旋转文本容器：
.page__text {
transform: rotateY(-90deg) translateZ(75px);
}
在悬停时，我旋转包装器，做：
.wrapper:hover {
transform: rotateY(90deg) translate3d(0, 0, 0);
}
悬停很好，但是问题是，当我们移动鼠标而不移出包装时，转换就会产生闪烁效应，就像我们离开元素而转换被取消一样。
如有任何建议，将不胜感激。
问候
浏览 1提问于2015-04-22得票数 2
回答已采纳
1回答
我正在创建一个图像横幅，其中有滚动链接，改变文本和图像。我需要做的是每隔5秒在5个图像中旋转一次，但在鼠标悬停时，它会暂停旋转，并将您带到用户选择的图像。我的鼠标悬停代码是：
$("#main_nav li").mouseover( function() {
$(".navigation_main, .main_info").each (function() {
$(this).removeClass("on").addClass("off");
浏览 3提问于2009-10-12得票数 0
2回答
在图像的悬停任务上，我必须旋转图像，一旦图像旋转完成，我必须动画另一个物体，然后鼠标出来，将初始图像旋转到它原来的位置，然后第二个对象应该被动画化到它的初始位置，然后隐藏。
每件事都做好了，但唯一的问题是在动画中显示物体和鼠标隐藏物体。
在这里工作。
已使用的javascript是
function rotate(degree,el,direction) {
var interval = null,
counter = 0;
interval = setInterval(function(){
if (dire
浏览 5提问于2013-06-12得票数 0
我正在做我的项目，我已经添加了与边界的图像。我正在旋转悬停时的边框，但问题是，图像也在旋转。 #circle1 {
width: 210px;
height: 210px;
background-color: transparent;
border-radius: 100%;
border: 6px solid #337AB7;
border-left: 6px solid transparent;
overflow: hidden;
transform: rotate(50deg);
transition: linear 2s;
}
#circle
浏览 25提问于2020-01-08得票数 1
回答已采纳
我有一个叫做“饼”的函数，它经常在5个不同的图像之间旋转。我想要做的是阻止它在元素被悬停时自动切换图像(停止饼函数运行)。
我认为通过传递一个设置为true/false的值可以阻止这种情况，但它仍然会继续旋转图像。
有什么想法吗？
var start = true;
pie(start);
$('.pie-state').hover(function() {
$(this).addClass('active');
start = false;
pie(start);
});
function pie(start) {
if (
浏览 0提问于2016-11-09得票数 1
回答已采纳
1回答
使用图像旋转边框
、、
我有一个旋转180度的图像，我想在它周围加上一个边框。问题是，当我这样做的时候，当图像旋转时，边框停留在同一位置。如何使边框与图像一起旋转？我将使用一个手部类比来演示图像的旋转：**用左手**起始点-手在你面前，手掌面向你。当鼠标悬停在图像上时-将手旋转180度，直到你看到你的关节。当鼠标离开图像时，手转动180度，直到你可以再次看到你的手掌。
如前所述，如何使图片边框与图像一起旋转？
浏览 3提问于2015-03-12得票数 1
我使用了一个旋转木马jQuery插件，它定义了一个必须包含<img>标记的容器。图像被加载并显示，旋转木马工作。
我现在正在实现悬停的图像预览。为此，我创建了一个单独的<div>，它是用加载的图像显示的。
问题是，每次鼠标悬停在不同的图像上时，我都在编程地在<div>中创建一个新的<div>标记。这会导致大量不必要的服务器请求。
如何在图像预览div中使用从旋转木马预加载的图像？
我不需要一个完全有效的解决方案，我会接受抽象的答案。
浏览 2提问于2015-08-25得票数 0
回答已采纳
下面是我的意思的一个例子：
JS小提琴：
正如您所看到的，当您将鼠标悬停在图像上时，图像会浮起，然后当您单击它时，图像会在旋转时返回到其原始位置。我想让它的图像在已经‘浮动’的位置旋转。我该怎么做呢？
浏览 0提问于2011-07-13得票数 1
回答已采纳
我需要一个图像旋转180度时，悬停该图像，但也悬停其他图像和h2应使第一个图像旋转
我尝试了多个代码，纯css，也有css和jquery
因此，使用下面的css代码，我使第一个图像旋转
.circle_img{
position: absolute;
margin-top:-10px;
}
.circle_img:hover {
transform: rotate(180deg);
}
<img class="circle_img" src="https://via.placeholder.com/150">
所以我有点被困在
浏览 0提问于2019-08-29得票数 0
4回答
我有一个简单的旋转木马来显示一些图像。正如你所期望的那样，旋转木马每x秒自动旋转一次。
我目前有一个div，我在x秒内对宽度进行动画处理，以显示进度。这允许用户查看他们必须等待多长时间才能显示下一个图像。当用户将鼠标悬停在图像上时，进度条会缩小。当他们鼠标移出时，它又开始填满了。
然而，与其使用无聊的条形图，我想尝试使用一个圆圈。有点像你在加载ajax时看到的一个旋转的圆圈。我不知道该怎么做。
有人能帮上忙吗？这有可能吗？
浏览 2提问于2010-06-19得票数 4
回答已采纳
1回答
我有一个标志，并必须将其分为顶部和底部部分，试图实现一个旋转的效果在底部的标志。
主要目标是采取底部锯条的一部分，我的标志，并使其旋转/旋转悬停。
我必须使用z-index来堆叠图像，当底部徽标低于顶部图像时，它将不会旋转，因为顶部图像遮挡了底部图像。
这是指向笔/代码的链接：
谢谢。-Chris
浏览 0提问于2013-06-02得票数 0
回答已采纳
我可以在启动页面时旋转图像，然后在页面上盘旋。但是我喜欢像.gif格式一样连续旋转图像。不仅在悬停.In java时，我们还有返回函数，比如有可用的关键字吗？我找不到解决办法！！请帮忙..！
浏览 2提问于2014-07-10得票数 1
回答已采纳
1回答
第一次事件后悬停动画无法完全工作
、、、、
警告: jquery/javascript新手在房子里。我使用制作了一个动画，图像在悬停时来回摆动。
然而，在第一次悬停事件之后，图像只来回旋转一次，而在第一次悬停事件上，它来回摆动5次(由swings变量定义的数字)。我想让它在每次悬停事件上摆动相同的次数。
我尝试过改变旋转、摆动和摆动计数变量，并试图使摆振函数与swing函数匹配，并更改摆摆的if/ the语句。什么都没用-我做错什么了？以下是代码：
<script type="text/javascript">
(function($) {
$(document).ready(function() {
浏览 3提问于2013-07-23得票数 0
回答已采纳
1回答
我想知道当您在图片：上悬停时，这种情况是如何发生的
我知道转换代码，它可以缩放和使图像旋转，然而，我想不出一种方法使图像只在边界内旋转和缩放。
提前谢谢你！
浏览 1提问于2016-10-21得票数 0
回答已采纳
1回答
当在火狐中查看时，它会正常显示；然而，在Chrome和Opera中，浮动的图像容器表现不佳。我确信这与我对实验属性(旋转、悬停时的过渡)的使用有关，但我可以做些什么来使其更好呢？
为了澄清，在Chrome 17.0.963.56米中，当鼠标悬停在图片上方时，图片下方会出现一些空白区域。在Opera11.11中，图像的右侧有空间，即使不悬停也是如此。
浏览 1提问于2012-02-23得票数 0
2回答
需要澄清的是:我不是在问当你将鼠标悬停在图像上时如何使其变暗。我想知道如何使光标周围的其他图像变暗。
下面是一个示例：
当您将鼠标悬停在大类别图像上时，周围的图像会变暗，但悬停的图像保持不变。
任何意见都将不胜感激。谢谢!
浏览 1提问于2013-01-29得票数 0
0回答
我有一个基于bootstrap的网站，分为不同的部分。在一个名为features的部分中，我有三个图像，当用户导航到它或向下滚动到该部分时，以及当用户将鼠标悬停在它上面时，我希望旋转它们。我知道如何在悬停时旋转图像，但当用户向下滚动到该部分时，我想不出一种方法。
html部分代码：-
<section id="features">
<div class="container">
<div class="row">
<div class="col-lg
浏览 3提问于2017-01-03得票数 0
5回答
我想知道是否有一种不用fotoshop来旋转图像的方法，我想使用css或javascript
我要找的结果是
下面的解决方案可以工作，但我想旋转我的图像没有悬停属性，如果我删除这里的悬停图像不旋转
<style>
#card img:hover {
transform: rotateY(360deg);
-webkit-transform: rotateY(180deg);
transition-duration: 1.5s;
-webkit-transition-duration:1s;
}
</style>
如果找到我想要的结果，
浏览 5提问于2016-03-29得票数 1
回答已采纳
1回答
我正在尝试创建一个svg图像，当你将鼠标悬停在图像的一部分上时，它会动画显示图像的其他部分。这是一个吉他踏板，当你将鼠标悬停在它上面时，灯就会亮，刻度盘就会旋转。然而，我不知道如何旋转刻度盘，而不是让刻度盘从踏板上射出。任何帮助都将不胜感激！ 下面是一个例子： https://codepen.io/SHINZOC/pen/vYEaooM .lo { transition: .1s;}
.lo:hover {opacity: 0;}
#Light_off:hover + #Dials {
transform: rotate(45deg);
transfo
浏览 22提问于2020-01-16得票数 0
回答已采纳
3回答
把图像带到光滑的旋转木马前
、、、、
我用创建了一个旋转木马/图像滑块，现在我想在悬停时增加图像的大小。
当我尝试这样做的时候，图像被光滑的容器切断了。我怎样才能把图像展现出来，这样我才能看到整件事呢？我试过使用z-index，但它不起作用。
我代码的。这是一个截图，有问题的悬停行为。
我想要的：
浏览 3提问于2016-12-20得票数 0
回答已采纳
1回答
我旋转了一支箭，但它有幻影高度.
当我将鼠标悬停在幻影高度上时，它也会导致悬停效果的启动。
这里的图像演示：
CSS：
.navbar {
background: #FFFFFF;
box-shadow: 0 2px 3px #000000;
position: fixed;
width: 100%;
top: 0;
z-index: 10;
}
.dropdown {
width: 100%;
background-color: #E6E6E6;
text-align: center;
cursor:
浏览 1提问于2016-03-07得票数 0
回答已采纳
1回答
旋转图像360度
、、、
我有密码：
<div class="logo">
<a href="/">
<img src="/images/logo3.png" style="width:180px; margin-top:4px;">
</a>
</div>
和css：
#topnav #navcontainer .logo:hover {
transform: rotateY(-360deg);
-webkit-transform: rotateY(-360deg);
-o-tran
浏览 2提问于2015-03-24得票数 0
回答已采纳
2回答
我试图得到一个背景图像旋转，当我悬停在它之上。但同时，我希望图片顶部的链接文本不要旋转。
我让它半工作，但当图像旋转，文字得到隐藏在它后面。有时你会在链接上盘旋，图像不会旋转。有办法做到这一点吗？
JS Fiddle：
开发站点：
浏览 3提问于2013-11-30得票数 1
回答已采纳
已删除示例的链接
问题: Webkit浏览器(Chrome和Safari)与我在页面上创建的旋转类有问题。如果删除内容div上的旋转类，则悬停时出现的大型图像将显示在正确的位置。
Firefox没有旋转内容div的问题。我在Mac上，所以我不能测试IE。
浏览 1提问于2012-05-29得票数 1
回答已采纳
1回答
边界半径在动画图像上不再起作用
、、、、
我动画了一个锚覆盖，旋转360度，当悬停时应该转成一个圆圈。今天早上它工作得很好，然后我花了一整天的时间在网站上的其他元素上，现在我意识到它不再工作了。
我刚刚花了2个小时来回顾我的更改，但仍然不能弄明白为什么它不能工作。由于firefox的错误，我创建了透明的覆盖包装器，当作为包装器悬停在动画图像上时，点击时链接将不起作用。
我说的是左上角的图标。当悬停时，它只是旋转，但不会将边界半径更改为50%。正常情况下，它应该这样做，然后在2秒内旋转回边界半径0。
也许你知道为什么它不再工作了？会喜欢任何种类的点子。
提前感谢
浏览 6提问于2016-08-16得票数 0
回答已采纳
2回答
我在做一个特别的旋转木马，它有：
内容
下一个按钮
Prev按钮
其功能是：
当您悬停Next或Prev时，它按按钮的方向移动20 in的内容。
单击按钮时，旋转木马启动动画。
该代码目前是粗鲁的，充满了if控件，以防止动画，队列等.但目前看来还不错。
我使用jCarousel作为它的插件，并使用jQuery easing。
我为你准备了一个。
BUG
上面有一个窃听器。如果您悬停next按钮(将鼠标指针悬停在next按钮上)，单击一次，始终保持悬停而不从该按钮退出，再单击一次。图像不对齐。
这是因为在动画之后，它不再识别处于悬停状态。
我怎么才能修好它？
浏览 3提问于2012-08-10得票数 0
回答已采纳
1回答
我正在旋转css3 transform的图像
#services .info img{
-ms-transform: rotate(0deg) rotateY(0); /* IE 9 */
-webkit-transform: rotate(0deg) rotateY(0); /* Safari and Chrome */
-o-transform: rotate(0deg) rotateY(0); /* Opera */
-moz-transform:rotate(0deg) rotateY(0); /* Firefox */
transform: rotate(0deg) rotateY(
浏览 1提问于2013-08-06得票数 0
1回答
CSS同时旋转和替换图像
、、、
有人能帮助我理解，如何使用CSS，我可以旋转和改变一个图像在同一时间在悬停？当用户在图像上盘旋时，我希望开始旋转，并在旋转过程中更改图像。到目前为止，我有以下内容，但我不知道如何推迟图像变化的悬停。
.image-swap {
background: url("image1.jpg") no-repeat;
border-radius: 50%;
height: 300px;
width: 300px;
-moz-transition: -moz-transform 0.8s ease-in-out;
-webkit-transi
浏览 0提问于2015-10-20得票数 1
回答已采纳
我正在尝试使用AccelerateDecelerateInterpolator将图像旋转360度。我已经在一个按钮的included函数中包含了旋转图像的代码。当我第一次按下按钮时，图像会旋转。但是，当我下一次按下它时，什么也没有发生。
public void displaySpinResult_Spinner(View view) {
arrow.animate().rotation(360).setInterpolator(new AccelerateDecelerateInterpolator()).start();
}
浏览 4提问于2016-04-08得票数 2
当你将鼠标悬停在图像上时，我试图给它添加一点灰色，我实现了一个jquery滑块，它通过下面的代码拉入图像
<li>
<img src="new_z1.jpg" alt="" width="250" height="100"> </li>
给图片添加灰色悬停效果的最好方法是什么？
这就是网站，旋转木马在页面的底部，上面有所有的标志
浏览 2提问于2013-04-10得票数 0
回答已采纳
1回答
在上，当您将鼠标悬停在右上角的红色图章上时，css3变换会旋转图像。这按预期工作，但div.last.half会短暂地向右单击并返回到其原始位置。
这只出现在Chrome 24.0.1312.35 beta-m中。
我不知道是什么导致了这一点。任何帮助都是非常感谢的。
浏览 0提问于2012-12-13得票数 0
回答已采纳
2回答
如何在IOS上悬停后回到原处
、、、、
我有一张HTML格式的图片，我在悬停时旋转它。 在PC上，它可以正常工作。它会旋转，如果我离开图像，它会回滚。在iOS上悬停对我不起作用。 如果我用tab键标记图片，它会旋转，但不会旋转回原始状态。 有没有办法让它在一段时间后返回0？(尝试过，但不起作用) 我尝试了onClick和其他一些东西，但我找不到任何方法来旋转它回来。 我注意到，如果在页面上iOS上有另一个悬停效果，并且在第二个标签上有另一个标签，那么第一个标签会恢复正常。 <header>
<img src="images/Logo1.png" alt="Logo" class=&
浏览 18提问于2019-08-28得票数 0
所以，我有一个图像：
我想在悬停时旋转它，给不同颜色的方块动画的错觉。然而，我不得不满足于：
.logo:hover {
transform: rotate(90deg);
}
就像我使用带有% step的animation和关键帧一样，您可以实际看到徽标在旋转，如果可能的话，我希望它能够切换到下一个deg值。我怎么能在悬停状态下做到无穷无尽呢？
浏览 1提问于2014-03-10得票数 3
回答已采纳
就像在这个网站(图片列出在下我们的最新出版物)，我如何实现旋转悬停在图像功能。
我尝试使用calc和倾斜，但仍然没有ale达到悬停在图像上的效果。
浏览 4提问于2018-01-06得票数 0
回答已采纳
2回答
我想要一个垂直缩略图的旋转木马，如下面的链接所示：
但是在这个例子中，图像只有在悬停时才会改变，我也想要一个自动滑块。假设图像每10秒改变一次，。
而且，这在Firefox中是行不通的。虽然我的主要要求是有一个自动滑块与手动图像更改(悬停或单击)。
如果有人遇到过，请告诉我。
浏览 0提问于2012-09-20得票数 0
回答已采纳
2回答
寻找JS库或代码片段(允许jQuery)，可以在用户移动光标到图像后旋转图像。例如，此功能适用于Dailymotion.com网站中的视频缩略图。
我将使用此代码的网页与20-40缩略图(应用程序截图)，每个项目包含大约10个额外的图像，应开始旋转时，用户移动光标到缩略图和停止时，光标离开。
我不想在html代码中加载所有这些图片，这是几百个请求，并不是每次用户进入页面时都需要的。
不幸的是，我发现的所有代码都使用来自html代码的静态图像链接。
我试着在搜索引擎中寻找答案，但找不到正确的公式。我尝试了“图像旋转器JS"，”在悬停时改变图像“，”自动旋转图像“和其他一些变体，可能只是这
浏览 1提问于2011-01-18得票数 3
2回答
下面屏幕截图中的圆形旗帜图标有问题。我想让它顺时针旋转45度，只要光标悬停在图像上，它就保持+形旋转；当光标离开图像时，再旋转回ccw。
这是我到目前为止写的代码。当悬停时，图像正确地旋转45‘cw，但它立即返回到X形状。
#icon{
display: inline-block;
margin: 0 auto 0 0;
width: 2.4em;
height: 2.4em;
}
#icon:hover{
-webkit-animation:cw 0.4s linear 1;
-moz-animation:cw 0.4s linea
浏览 12提问于2017-03-10得票数 0
回答已采纳
1回答
我正在尝试创建5个圆形图像，这些图像将围绕一个较大的中心圆形图像旋转。
我希望停止旋转，如果光标悬停在任何图像上，并使所有图像都可以链接到其他页面。
我这里有外部图像：
有谁知道怎么做到这一点吗？
浏览 0提问于2014-06-05得票数 0
2回答
我有一个jcarousel插件为Magento展示特色产品。当您将鼠标悬停在图像上时，它会显示图像的放大版本。在那个更大的版本中，左上角有一个* (星号)。
这有点难以解释，当你将鼠标悬停在页面中间的旋转木马上(新闻通讯上方，移动滑块下方)时，你可以在上看到它的运行情况。
我不知道它怎么会在那里，它不在原来的插件中。问题是我不能用firebug访问它来查看它来自哪里，因为我不能选择悬停的图像。
编辑:这是原始的插件：。你可以看到那里没有星号。
浏览 2提问于2012-08-10得票数 1
回答已采纳
1回答
我一直试图制造一个扑克牌的错觉，当你将鼠标悬停在卡片上时，它旋转并变大，这样你就能更好地阅读文本。问题是，当你将鼠标悬停在图像上时，图像工作正常，但是文本(随机生成的，所以我无法硬编码)不会变大，它会消失。是否有办法确保文本跟随图像？
以下是代码：
CSS：
#CardHeader {
top: 50%;
left: 45%;
position: fixed;
z-index: 1;
}
#CardText {
top: 65%;
left: 45%;
width: 200px;
position: fixed;
z-
浏览 3提问于2014-05-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
