删除悬停动画

请到以下链接，然后点击故事，删除悬停动画

当我鼠标，

它的动画悬停

。

我该如何删除它。我使用下面的CSS为此，

.storypageThumb1 { 
    float:left; 
    width:175px; 
    height:91px; 
    text-indent: -9999px; 
    background:url(../images/storyPage-thumb01_new.png) no-repeat; 
    text-transform: uppercase; 
} 

.storypageThumb1:hover { 
    background-position:0 -91px; 
}

它的假设只是改变possition。没有动画。

来源

2012-04-23 S.S.Niranga

亲jsfiddle，反对clickwhoring！ – worenga 2012-04-23 12:14:43

试试这个http://stackoverflow.com/questions/2688701/remove-unbind-hover-on-anchors – 2012-04-23 12:21:48

在Firebug我注意到，你的所有a标签都有相关的转换：

-moz-transition: all 0.3s ease 0s;

这就是为什么它是动画。您必须删除该元素的转换，如：

.storypageThumb1 { 
    transition:none; 
    -moz-transition:none; 
    -o-transition:none; 
    -webkit-transition:none; 
}

来源

2012-04-23 12:21:30 Cthulhu

您已设置所有的锚动画与下面的代码的所有CSS的变化：

a { -webkit-transition: all 0.3s ease; }

您可以覆盖这个在您的storeypageThumb1：

.storypageThumb1 { 
    -webkit-transition: none; 
    ... 
}

来源

2012-04-23 12:16:58

感谢队友:)非常感谢您的快速响应：D – 2012-04-23 12:26:04

请注意''-webkit'仅适用于webkit浏览器。 '-moz'等也适用。 – 2012-04-23 12:36:40

@ user788647也许你应该最终接受一个答案，如果它适合你！ – Ash 2012-05-21 08:26:20

在这个网站

他们是CSS文件名为normalize.css

a { 
    -moz-transition: all 0.3s ease 0s; // convet this line to -moz-transition: none; 
    color: white; 
    outline: medium none; 
    text-decoration: underline; 
}

OR 为您.storypageThumb1写：

.storypageThumb1 { 
    -moz-transition: none; 
    -webkit-transition: none; 
}

来源

2012-04-23 12:21:02 thecodeparadox

比这更简单！

.storypageThumb1：hover { background：none; }

来源

2012-04-23 12:27:43

删除悬停动画

回答

相关问题