jQuery에서 요소 애니메이트에 대한 도움말

Question

몇 가지 목록 요소가있는 정렬되지 않은 목록이 있습니다.

#tags { 
    width: 300px; 
    height: 300px; 
    position: relative; 
    border: 1px solid red; 
    list-style: none none; 
} 

#tags li { 
    position: absolute; 
    background: gray; 
    } 

또한 목록 요소에 애니메이션을 적용하기 위해 jQuery 플러그인을 작성하기 시작했습니다. 지금까지, 부모 요소에 임의로 목록 요소를 배치하고 텍스트의 임의 글꼴 크기를 선택합니다. 기본적으로 (내가에 붙어 조금 있어요)리스트 요소를 애니메이션하는 것입니다

내 다음 단계 ..., 나는 목록 요소가 점점 동안 왼쪽에서 오른쪽으로이

• 슬라이드처럼 뭔가를 할 가운데까지 약간 큰 다음 오른쪽 테두리를 치면 다시 정상 크기로 떨어집니다.
• 그런 다음 역순으로 처리해야하지만 부정적인 'z- 인덱스'를 설정해야하며 불투명도가 다소 퇴색해야합니다.

첫 번째 비트는 맨 왼쪽 크기에서 0.1에서 시작하는 값을 가질 수있는 방식으로 요소가 가운데 근처에 있는지 확인하는 방법입니다. 중간에 그리고 나서 맨 오른쪽 크기의 0.1로 돌아 간다.

기본적으로 나는 그들이 페이지에 가짜 3D 원으로 돌아 다니는 것처럼 보이기를 원합니다.

은 그럼 당신은 내가이 작업을 수행 할 수있는 방법을 알고 계십니까이

$(this).css({ 
    fontSize: percentageTowardsMiddle * 14, 

}); 

같은 일을 할 수 있을까?

감사

당신이 왼쪽에서 오른쪽으로 항목을 이동하려면 왼쪽 속성을 사용하고 ... 그리고 왼쪽 속성에 대한 백분율을 사용하는 경우 글쎄 ... 그들은 주위의 중간 때 것

Answer 1

왼쪽 속성은 약 50 %입니까? (또는, 항목 너비의 절반에서 50 % 빼기 ...) - HTH