升頻和淡出效果，

Question

我在我的網頁一定格。 關於div的懸停，我希望它可以同時升級和淡出。我使用CSS和Jquery。 這是我的小提琴 - >http://jsfiddle.net/tDATq/

目前效果是文本upscales，然後淡出。我同時需要它。此外，div中的文本在放大時會放鬆它的位置。請幫助

下面是代碼 HTML

<div id="tweets" class='fade'> 
     Hello World 
    <div> 

CSS

#tweets{ 
    width:250px; 
    margin:auto; 
    margin-top:30px; 
    background-color:#fff; 
    color:#00eaff; 
} 
#tweets:hover{ 
    -webkit-transform: scale(2.0); 
      transform: scale(2.0); 
} 

JQUERY

$("div.fade").hover(
function(){$(this).fadeOut(1900); 
      } 

); 

Answer 1

你不需要爲jQuery的，這裏是CSS的解決方案

#tweets{ 
    width:250px; 
    margin:auto; 
    margin-top:30px; 
    background-color:#fff; 
    color:#00eaff; 
    -webkit-transition: all 2s; /* transition */ 
    -moz-transition: all 2s; 
    -ms-transition: all 2s; 
    -o-transition: all 2s; 
    transition: all 2s; 
} 
#tweets:hover{ 
    -webkit-transform: scale(2.0); 
      transform: scale(2.0); 
    opacity:0;   /* fadeout */ 
} 

小提琴：

http://jsfiddle.net/tDATq/1/

更新：

這個小提琴文本停留在中間

http://jsfiddle.net/tDATq/2/