jquery Programming Glossary: translatex
Mobile Jquery - Flip Effect http://stackoverflow.com/questions/10584651/mobile-jquery-flip-effect .flip webkit backface visibility hidden webkit transform translateX 0 moz backface visibility hidden moz transform translateX 0.. translateX 0 moz backface visibility hidden moz transform translateX 0 .flip.out webkit transform rotateY 90deg scale .9 webkit animation..
Pinch to zoom with CSS3 http://stackoverflow.com/questions/10802176/pinch-to-zoom-with-css3 0 width image.width height image.height toX 0 toY 0 translateX 0 translateY 0 prevScale 1 scale 1 hammer.bind 'transformstart'.. scale width image.width scale height image.height scale translateX shiftX translateY shiftY css 'translateX ' @translateX 'px translateY.. scale translateX shiftX translateY shiftY css 'translateX ' @translateX 'px translateY ' @translateY 'px scale ' scale..
Rotate image with javascript http://stackoverflow.com/questions/16794310/rotate-image-with-javascript rotate 180deg translate 100 100 ms transform rotate 180deg translateX 100 100 #container.rotate270 #image transform rotate 270deg.. 100 #container.rotate270 #image transform rotate 270deg translateX 100 webkit transform rotate 270deg translateX 100 ms transform.. 270deg translateX 100 webkit transform rotate 270deg translateX 100 ms transform rotate 270deg translateX 100 Then you can use..
jQuery Mobile CSS3 Page Transitions without jQuery Mobile Library http://stackoverflow.com/questions/7920730/jquery-mobile-css3-page-transitions-without-jquery-mobile-library .65s webkit backface visibility hidden webkit transform translateX 0 Needed to work around an iOS 3.1 bug that causes listview..
Mobile Jquery - Flip Effect http://stackoverflow.com/questions/10584651/mobile-jquery-flip-effect height 300px background blue position relative display none .flip webkit backface visibility hidden webkit transform translateX 0 moz backface visibility hidden moz transform translateX 0 .flip.out webkit transform rotateY 90deg scale .9 webkit animation.. .flip webkit backface visibility hidden webkit transform translateX 0 moz backface visibility hidden moz transform translateX 0 .flip.out webkit transform rotateY 90deg scale .9 webkit animation name flipouttoleft webkit animation duration 175ms..
Pinch to zoom with CSS3 http://stackoverflow.com/questions/10802176/pinch-to-zoom-with-css3 resize' hammer image.hammer prevent_default true scale_treshold 0 width image.width height image.height toX 0 toY 0 translateX 0 translateY 0 prevScale 1 scale 1 hammer.bind 'transformstart' event toX event.touches 0 .x event.touches 0 .x 2 toY event.touches.. scale shiftY toY image.height scale height image.height scale width image.width scale height image.height scale translateX shiftX translateY shiftY css 'translateX ' @translateX 'px translateY ' @translateY 'px scale ' scale ' ' image.css ' webkit.. height image.height scale width image.width scale height image.height scale translateX shiftX translateY shiftY css 'translateX ' @translateX 'px translateY ' @translateY 'px scale ' scale ' ' image.css ' webkit transform' css image.css ' webkit transform..
Rotate image with javascript http://stackoverflow.com/questions/16794310/rotate-image-with-javascript transform rotate 180deg translate 100 100 webkit transform rotate 180deg translate 100 100 ms transform rotate 180deg translateX 100 100 #container.rotate270 #image transform rotate 270deg translateX 100 webkit transform rotate 270deg translateX 100.. translate 100 100 ms transform rotate 180deg translateX 100 100 #container.rotate270 #image transform rotate 270deg translateX 100 webkit transform rotate 270deg translateX 100 ms transform rotate 270deg translateX 100 Then you can use this JavaScript.. translateX 100 100 #container.rotate270 #image transform rotate 270deg translateX 100 webkit transform rotate 270deg translateX 100 ms transform rotate 270deg translateX 100 Then you can use this JavaScript var angle 0 img document.getElementById 'container'..
jQuery Mobile CSS3 Page Transitions without jQuery Mobile Library http://stackoverflow.com/questions/7920730/jquery-mobile-css3-page-transitions-without-jquery-mobile-library 100 height 100 overflow hidden .flip webkit animation duration .65s webkit backface visibility hidden webkit transform translateX 0 Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when webkit visibility hidden is used. .flip.out..
|