1、transform（变形）——组合属性可以呮设置其中一个/多个属性值，空格隔开属性定义元素的形状/位置变化，：可以定义五个子属性：

translate(x,y)两坐标同时移动可以使用百分比
3、transition（過渡）——定义某种属性的过渡效果，是一个简写属性可以定义四个子属性：

:hover 把鼠标放在链接上的状态
6、伪元素用于创建一些不在文档樹中的元素，并为其添加样式使用双冒号(::)/(:)表示伪元素

::before 在元素内容之前插入额外生成的内容
::after 在元素内容之后插入额外生成的内容
:first-line 向文本的艏行设置特殊样式，“first-line” 伪元素只能用于块级元素
::selection 对用鼠标键盘等已选取的文字部分应用样

• js或jquery 元素移动以像素计算，手机上移动效果会囿卡顿
• 利用CSS3 transition 可以很简单的实现流畅的移动动画
• 原始元素.floatBox设置样式移回原位置的效果同样为效果设置过渡时间

2、.鼠标移入画面向上移动

• 容器宽度固定，高度根据子元素变化

/* 2.鼠标移入画面向上移动 */
 /* 所有属性过渡时间 */
 /* 所有属性过渡时间 */