使用CSS变换元素和y轴

用于translateY(n)方法以将元素与y轴一起变换。

让我们看一下语法：

translateY(n)

在此，n是表示翻译矢量的横坐标的长度。

示例

让我们看一个例子-

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