CSS 2d transform을 이용해서, mobile platform을 이용하지 않고 scratch부터 작성한 page transition 예제 몇개입니다.
select나 event연결을 위해서 jQuery는 약간 썼으며, 그 외의 파일을 import하지 않습니다.
desktop chrome 상에서와 mobile 상에서의 동작 차이를 비교해 보는 것도 재미있습니다.
(PC에서도 firefox, explorer 상에서는 동작안함. -webkit- prefix 사용했음)
select나 event연결을 위해서 jQuery는 약간 썼으며, 그 외의 파일을 import하지 않습니다.
desktop chrome 상에서와 mobile 상에서의 동작 차이를 비교해 보는 것도 재미있습니다.
(PC에서도 firefox, explorer 상에서는 동작안함. -webkit- prefix 사용했음)
- Rotate1 : http://www.freewowbot.com/test/js/rotate
- Rotate2 : http://www.freewowbot.com/test/js/rotate2
- Slide : http://www.freewowbot.com/test/js/slide
- Turn : http://www.freewowbot.com/test/js/turn
- jQuery.animate만을 사용한 fade 예제 : http://www.freewowbot.com/test/js/jquery.animate
