2
我试图创建一个滑动div,当您将鼠标悬停在div上时,它会从右侧进入。它适用于Chrome,但不是在Firefox中......我错过了什么?它的工作原理正确Chrome和Safari ...CSS sliding div(转换/转换在Firefox 25.0.1中不起作用)
http://jsfiddle.net/mwilday/MVw57/1/
CSS:
.gettingstarted {
-ms-transform: translate(200px, 0px);
/* IE 9 */
-webkit-transform: translate(200px, 0px);
/* Safari and Chrome */
-moz-transform: translate(200px, 0px);
transform: translate(200px, 0px);
background: rgba(0, 0, 0, .8);
}
.gettingstarted:hover {
-webkit-transition: .8s;
-moz-transition: .8s;
transition: .8s;
transition-timing-function: ease-in-out;
-ms-transform: translate(0px, 0px);
/* IE 9 */
-webkit-transform: translate(0px, 0px);
/* Safari and Chrome */
-moz-transform: translate(0px, 0px);
transform: translate(0px, 0px);
HTML:
<div id="frontpagetile">
<div class="gettingstarted">
<p style="text-align: left;">Getting Started</p>
<ul>
<li style="text-align: left;"><a href="http://www.google.com">Link</a>
</li>
<li style="text-align: left;"><a href="http://www.google.com"><span style="line-height: 1.231;">Link</span></a>
</li>
<li style="text-align: left;"><a href="http://www.google.com"><span style="line-height: 1.231;">Link</span></a>
</li>
</ul>
</div>
</div>
我刚测试它..它似乎在FF工作。 –
每晚28,正常工作 – Markasoftware
在FF工作。 –