transform

translatex() = translatex(length|percentage)

指定对象X轴（水平方向）的平移

box-sizing

box-sizing: content-box|border-box

• content-box：

  padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding )

  此属性表现为标准模式下的盒模型。

• border-box：

  padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width )

  此属性表现为怪异模式下的盒模型。

opcity

opacity：number

使用浮点数指定对象的不透明度。值被约束在[0.0-1.0]范围内，如果超过了这个范围，其计算结果将截取到与之最相近的值。

transition

作用：让元素的样式慢慢变化，常配合hover使用 ，增强网页的交互效果

参数	取值
过度的属性	all：所有能过度的属性都过度
过度的时长	s

1. 过渡需要：默认状态 和 hover状态样式不同，才能有过渡效果

2. transition属性给需要过渡的元素本身加

3. transition属性设置在不同状态中，效果不同的

   ① 给默认状态设置，鼠标移入移出都有过渡效果

   ② 给hover状态设置，鼠标移入有过渡效果，移出没有过渡效果