¡@

Home 

2014/10/16 ¤W¤È 12:09:33

jquery Programming Glossary: translatey

Pinch to zoom with CSS3

http://stackoverflow.com/questions/10802176/pinch-to-zoom-with-css3

image.width height image.height toX 0 toY 0 translateX 0 translateY 0 prevScale 1 scale 1 hammer.bind 'transformstart' event toX.. scale height image.height scale translateX shiftX translateY shiftY css 'translateX ' @translateX 'px translateY ' @translateY.. shiftX translateY shiftY css 'translateX ' @translateX 'px translateY ' @translateY 'px scale ' scale ' ' image.css ' webkit transform'..

Rotate image with javascript

http://stackoverflow.com/questions/16794310/rotate-image-with-javascript

IE 9 #container.rotate90 #image transform rotate 90deg translateY 100 webkit transform rotate 90deg translateY 100 ms transform.. rotate 90deg translateY 100 webkit transform rotate 90deg translateY 100 ms transform rotate 90deg translateY 100 #container.rotate180.. rotate 90deg translateY 100 ms transform rotate 90deg translateY 100 #container.rotate180 #image transform rotate 180deg translate..

CSS 3 equivalent to jQuery slideUp and slideDown?

http://stackoverflow.com/questions/5072526/css-3-equivalent-to-jquery-slideup-and-slidedown

@ webkit keyframes fadeIn 0 opacity 0 webkit transform translateY startYposition 100 opacity 1 webkit transform translateY endYposition.. translateY startYposition 100 opacity 1 webkit transform translateY endYposition @ webkit keyframes fadeOut 0 opacity 1 webkit transform.. @ webkit keyframes fadeOut 0 opacity 1 webkit transform translateY startYposition 100 opacity 0 webkit transform translateY endYposition..

Pinch to zoom with CSS3

http://stackoverflow.com/questions/10802176/pinch-to-zoom-with-css3

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 1.. 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 transform' css.. 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 origin' '0 0' hammer.bind..

Rotate image with javascript

http://stackoverflow.com/questions/16794310/rotate-image-with-javascript

transform origin top left Chrome ms transform origin top left IE 9 #container.rotate90 #image transform rotate 90deg translateY 100 webkit transform rotate 90deg translateY 100 ms transform rotate 90deg translateY 100 #container.rotate180 #image transform.. origin top left IE 9 #container.rotate90 #image transform rotate 90deg translateY 100 webkit transform rotate 90deg translateY 100 ms transform rotate 90deg translateY 100 #container.rotate180 #image transform rotate 180deg translate 100 100 webkit.. #image transform rotate 90deg translateY 100 webkit transform rotate 90deg translateY 100 ms transform rotate 90deg translateY 100 #container.rotate180 #image transform rotate 180deg translate 100 100 webkit transform rotate 180deg translate 100 100..

CSS 3 equivalent to jQuery slideUp and slideDown?

http://stackoverflow.com/questions/5072526/css-3-equivalent-to-jquery-slideup-and-slidedown

name fadeIn #youritem .fade.out webkit animation name fadeOut @ webkit keyframes fadeIn 0 opacity 0 webkit transform translateY startYposition 100 opacity 1 webkit transform translateY endYposition @ webkit keyframes fadeOut 0 opacity 1 webkit transform.. @ webkit keyframes fadeIn 0 opacity 0 webkit transform translateY startYposition 100 opacity 1 webkit transform translateY endYposition @ webkit keyframes fadeOut 0 opacity 1 webkit transform translateY startYposition 100 opacity 0 webkit transform.. 100 opacity 1 webkit transform translateY endYposition @ webkit keyframes fadeOut 0 opacity 1 webkit transform translateY startYposition 100 opacity 0 webkit transform translateY endYposition Example Slide and Fade This slides and animates the..