2026-06-25-translatey-b7d8a1c6d2
translateY()
CSS-Tricks
EDITOR BRIEF
The translateY() CSS function moves an element up or down by a specified amount. It is a vertical transform used to change an element’s position on the page without affecting layout flow.
INSIGHTS
This is useful for simple motion and UI effects in web design. Try applying translateY() in a small CSS demo to see how transforms differ from changing margins or top positions.
COMMENTS
Loading comments…