2012-10-18 4 views
2

jQuery 플러그인을 사용하여 배경 이미지를 유지하면서 내용을 반전하지 않고 x 축의 div 요소에서 플립 애니메이션을 수행하는 데 도움이됩니다. 몇 가지 플러그인을 시도했지만 내가 원하는 결과를 얻을 수 없습니다. 누구든지 해결책을 제안 할 수 있다면 좋을 것입니다. 여기까지 시도했지만 성공하지 못했습니다.jQuery 플러그인은 내용 반전없이 애니메이션을 회전/뒤집을 수 있습니까?

http://ricostacruz.com/jquery.transit/ - rotateX를 사용할 수 있으며 회전하는 동안 카드 내용이 표시되지만 회전 후 내용을 뒤집지 않습니다.

http://css3.bradshawenterprises.com/flip/

-

http://lab.smashup.it/flip/

위의 플러그인 같은 문제 -이 일이 큰 컨텐츠를 반전하지 않지만, 뒤집기, 대신 카드의 내용을 보존하면서 단색 배경 색을 사용합니다.

내가 만나는 문제에 대한 해결책을 가진 사람이 있습니까?

+0

이 ** 견적 배경 이미지가 포함 된 div를 반전 네가 원하는 것을 분명히하지 마라. 배경이나 내용을 만지지 않으면 아무 것도 뒤집지 않았습니다. – Sparky

+0

div 요소에서 180도 플립합니다. 이 경우 div 요소의 모든 텍스트와 이미지는 거꾸로 뒤집어서 마치 거울을 바라 보는 것처럼 뒤집어 거꾸로되어 있습니다. 나는 뒤집기 동작을 좋아하지만 div 요소의 텍스트와 이미지의 방향을 동일하게 유지하려고합니다. – John

+0

오, 당신은 결코 "애니메이션"을 언급하지 않았습니다. – Sparky

답변

0

중첩 된 div가있는 이유는 무엇입니까? 하나는 배경 이미지의 컨테이너로, 다른 하나는 콘텐츠에 대한 것입니다. ** _ ". 내용을 반전없이 배경 이미지를 보존하고있는 동안 ... x 축에 div 요소를 플립"_ ~ 그건 :

그냥