2012-08-15 2 views
0

임 중간에 원형의 텍스트를 정렬하고 원을 가리킬 때이를 반송하도록 노력 (텍스트입니다)몇 가지 질문 (반송, 정렬)

여기있다 :

수직 요소 내에서 한 줄의 텍스트를 중심에 사람이

덴버

답변

0

가장 쉬운 방법은 도움이 될 수 있습니다 http://jsfiddle.net/cJ3se/

희망이 일치하는 것입니다 'line-height'를 요소의 'height'에 지정합니다. 이 경우에 그 것 : 여기

.circ:hover { 
    animation: bounce .5s ease-in-out infinite; 
} 
@keyframes bounce { 
    50% { line-height: 175px; } 
} 

가 작동 데모입니다 : : 그런 다음

.circ { 
    line-height: 200px; 
} 

, 텍스트 바운스를 가지고, 단순히 애니메이션을 통해 '라인 높이를'변경 http://jsfiddle.net/joshnh/Cvjsu/

+0

그래서 그것을 시작하는 곳을 지나치지 않도록 그냥 일종의 바운스? 무슨 뜻인지 알 겠어? – Denver

+0

잘 모르겠습니다 만 키 프레임의 선 높이 값을 조정하면됩니다. – joshnh

+0

이것과 마찬가지로 처음 시작 지점 아래로갑니다. 그 지점에서부터 다소 튀어 나와 다시 등 뒤로 튀어 나오고 싶습니다. – Denver