webkit webApp 开发技术要点总结 - -小克(3)_H5之家 - 中国HTML5教程资源分享第一站

⑩“用户界面”描述属性，涉及到用户界面元素在浏览器中，如滚动文字区，滚动条，等等。报告还描述属性，范围以外的网页内容，如光标的标注样式和显示当您按住触摸触摸
目标，如在iPhone上的链接。

-webkit-box-align: baseline,center,end,start,stretch 常量：baseline/center/end/start/stretch

-webkit-box-direction: normal;常量：normal/reverse

-webkit-box-flex: flex_valuet

-webkit-box-flex-group: group_number

-webkit-box-lines: multiple; 常量：multiple/single

-webkit-box-ordinal-group: group_number

-webkit-box-orient: block-axis; 常量：block-axis/horizontal/inline-axis/vertical/orientation

–webkit-box-pack: alignment; 常量：center/end/justify/start

12. 动画过渡
这是 Webkit 中最具创新力的特性：使用过渡函数定义动画。

-webkit-animation: title infinite ease-in-out 3s;

animation 有这几个属性：

-webkit-animation-name： //属性名，就是我们定义的keyframes

-webkit-animation-duration：3s //持续时间

-webkit-animation-timing-function： //过渡类型：ease/ linear(线性) /ease-in(慢到快)/ease-out(快到慢) /ease-in-out(慢到快再到慢) /cubic-bezier

-webkit-animation-delay：10ms //动画延迟(默认0)

-webkit-animation-iteration-count： //循环次数(默认1)，infinite 为无限

-webkit-animation-direction： //动画方式：normal(默认正向播放)； alternate(交替方向，第偶数次正向播放，第奇数次反向播放)