CSS sliding div（轉換/轉換在Firefox 25.0.1中不起作用）

我試圖創建一個滑動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>

來源

2013-11-27 mike

我剛測試它..它似乎在FF工作。 –

每晚28，正常工作 – Markasoftware

在FF工作。 –

你的小提琴使用：在.gettingstarted元素上懸停選擇，這是不可見的。將選擇器.gettingstarted:hover {}更改爲#frontpagetile:hover .gettingstarted {}，以便在父元素處於懸停狀態時進行懸停更改。

來源

2014-04-21 21:56:35 Nathaniel

CSS sliding div（轉換/轉換在Firefox 25.0.1中不起作用）

回答

相關問題