CSS3當動畫時忽略子元素

Question

我試圖在懸停時縮放包含子div（帶有css背景圖像）的div。當我縮放div時，子div也被縮放。我怎樣才能讓孩子div不繼承父母的動畫？見我的結構和小提琴這裏：

<div style="background:#000;"> 
    <div class="icon-wrap icon-effect"> 
     <a href="#"> 
      <div class="icon"> 
       <div class="arrow-down"></div> 
      </div> 
     </a> 
    </div> 
</div> 

http://jsfiddle.net/B8bGE/

Answer 1

我工作圍繞這通過執行以下操作：

<div class="icon-wrap icon-effect"> <a href="#"> 
              <div class="icoback"> 
              <div class="icon"> 
              </div> 
               <div class="arrow-down"></div> 
              </div> 
             </a> 

    </div> 

然後應用一些CSS來.icoback。請參閱小提琴的詳細信息：http://jsfiddle.net/xtW22/2/