May 9 Class Notes-page positioning, web animation "HTML5"

first, the Web location position:Static(default) relative relative positioning (relative to the original position) right-left botton top Absolute Absolute positioning fixed: fix position (relative to browser window) Z-when index is positioned, the top and bottom of overlapping Layer two, page animation deformation function: Transform:translate (translation function x, y translation) TranslateX Translatey Scale (2,2); width, height skew (10deg,10deg); Tilt rotate 2D rotation clockwise over effect: Transition animation function: Ease: Speed from fast to slow (default value) Linear: Speed constant speed (uniform motion) ease-In : Faster and faster (fade effect) ease-out: Faster and slower (fade effect) ease-in-out: Speed First and then decelerate (Fade fade effect) animation @keyframes Create an animated installation Aptana plugin \myeclipse10\dropins tips:aptana spket javascript jquery binary decimal octal 16 in System http://jingyan.baidu.com/article/495ba84109665338b30ede98.html

May 9 Class notes-page positioning, webpage animation "HTML5"