translateY() | CSS-Tricks
The CSS translateY() function shifts an element vertically by the specified amount. Specifically, it shifts an element either up or down, depending on whether the value is positive or negative. .parent:hover .box { transform: translateY(50%); /* Shift down by half the element’s height */ } CodePen Embed Fallback Along with other transform functions, it is used inside…









