카드 플립 애니메이션 플러그인

Question

카드 플립 jquery 애니메이션 플러그인 또는 css3 애니메이션을 찾고 있습니다. 이미지를 첨부했습니다. 그래서 애니메이션은 갑판에있는 카드 플립처럼 일어납니다.

이러한 플러그인 또는 css3 효과를 찾는 데 도움이되는 도움말입니다.

Answer 1

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

Answer 2

나는 우리의 플래시 카드 상호 작용에 대한 셔플 전환을 기존의 어떤에 행복하지 않았다 시도, 그래서 Mosaic Jquery Library을 선택 끝났다. 슬라이딩 전환을 사용하여 카드 뒤집기를 모방 한 다음 div를 퇴색시켜 새 카드를 가져 왔습니다. 여기

는 예를 들어 초기화 함수이다 :

// add our sliding box event 
$('.cover').mosaic({ 
    animation: 'slide', // fade or slide 
    speed:  500, 
    hover_x: '900px', // horizontal position of overlay after hover/click 
    hoverdelay: '0', 
    mouseevent: 'click' // click or hover 
}); 

내 fiddle 및 기본 호버뿐만 아니라, 클릭 이벤트를 처리 my modified version of the mosaic library에 대한 링크.