css实现在某个元素的中间画一条横线及translate学习

实现在元素中间画一条横线。 实现代码：

.wraper:after {
  content: "";
  position: absolute;
  top：50%
  width: 100%;
  height: 1px;
  top:50%
  transfrom:translateY(50%);
}

今天除了定位，滚动也用到了transfrom这个属性。

transfrom 我理解是对 CSS盒子进行操作。

可以用不同的函数对盒子进行旋转、缩放、平移。

translate 是盒子相对于X\Y轴进行的变换。

translate 也可以进行单独的声明。 如 translate:30px，含义为元素相对于x轴平移30px。

translate: 50% -40% 含义为相对于x轴平移父元素的50%，向上平移父元素的40%。