내 우물을 마우스 오버시 확대하고 빛나게하고 싶습니다

Question

효과를 복사하려고합니다. 내 페이지에 Here이라는 결과가 나타났습니다. 트위터 부트 스트랩 2.0을 사용하고 있습니다.

Answer 1

나는이 기사를 살펴 보는 것이 가장 좋습니다. CSS3로 애니메이트하는 방법에 관해서는 꽤 좋은 결과를 줄 것입니다. 여기

http://www.css3.info/preview/css3-transitions/

내가 함께 넣어 빠른 솔루션입니다 : http://jsfiddle.net/zStN5/

CSS :

.button { 
margin:10px; 
background: #700; 
color: #fff; 
padding: 5px 10px; 
text-decoration: none; 
height: 60px; 

-webkit-box-shadow: 0px 0px 3px #212121; 
-moz-box-shadow: 0px 0px 3px #212121; 
box-shadow: 0px 0px 3px #212121; 

/* Animate all properties across supporting browsers */ 
-webkit-transition: all 1s ease-in-out; 
/* -o-transition: all 1s ease-in-out; */ 
-moz-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out; 
} 

.button:hover { 
background: #b00; 
height: 100px; 

/* Box shadow animation bugged in Opera */ 
-webkit-box-shadow: 0px 0px 10px #000; 
-moz-box-shadow: 0px 0px 10px #000; 
box-shadow: 0px 0px 10px #000; 
}​ 

HTML

<div class="button" href="#">Your Div</div> 

Answer 2

나의 미래 CSS3 애니메이션을위한 좋은 선택이 될 것으로 이렇게. 이 페이지가있을 때 당신은 당신이 그것을했던 방법을 알고 있어야합니다 연습

http://jsbin.com/egotig/2/edit