在CSS3中使用y轴变换元素

使用translateY(y)方法通过y轴变换元素。

让我们看看语法-

translateY(y)

这里,

  • y:它是代表翻译向量纵坐标的长度。

让我们来看一个例子:

div {
   width: 40px;
   height: 40px;
   background-color: black;
}
.trans {
   transform: translateY(20px);
   background-color: orange;
}