플립 보드 대시 보드 imageflip과 같은 애니메이션을 만들려면 Jquery/HTML/CSS를 사용하려고합니다. 여기에서 데모보기 http://www.youtube.com/watch?v=w1fTI7oYfbI.플립 보드 대시 보드 이미지 플립과 같은 웹 애니메이션 만들기
위의 애니메이션을 구현 한 사람은 코드를 게시하지 않았습니다.
아무에게도 제안 할 수 있습니까?
미리 감사드립니다.
이와 같은 애니메이션을 제작하려면 CSS 변환이 필요합니다. (코드) 비슷한 데모가에서 발견된다 : http://www.markandey.com/2011/12/flipboard-like-ui-on-iphone-safari.html
참고, 예에만 웹킷 접두사를 사용하여 여러 개의 브라우저를 지원하기 위해, 너무 다른 접두사를 사용해야합니다. 변형에 대한 모든 정보는 다음에서 찾을 수 있습니다. http://www.w3schools.com/cssref/css3_pr_transform.asp
이제 시작하기에 충분할 것입니다.
고마워요. 모리스. 이것은 나를 많이 돕는다. 접두사를 사용하면 Firefox와도 호환됩니다. 이것을 자동으로 뒤집는 애니메이션으로 바꾸려고합니다. 내가 오리 엔테이션(), 시작, 드래그 앤 스톱 기능이 필요합니다. 이것에 대해 어떤 제안이 있습니까? –
** 나는 CSS3 ** 변형 없이는 달성 할 수 없다고 생각합니다. 괜찮습니까? – Chris
이 예는 도움이 될 수 있습니다. http://tympanus.net/codrops/2012/05/07/experimental-page-layout-inspired-by-flipboard/ – LeBen
예. 괜찮습니다. CSS3를 사용해야하는 경우. 이 점에 대해 아는 것을 말해 주시겠습니까? –