Transform the element along with y-axis using CSS

Used to translateY(n) method to transform the element along with y-axis.

Let us see the syntax:

translateY(n)

Here, n is a length representing the abscissa of the translating vector.

Example

Let us see an example −

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

Seetha

Published on 02-May-2018 12:29:53

• Related Questions & Answers
• Transform the element along with x-axis and y-axis with CSS
• Transform the element along with x-axis using CSS
• Transform the element using y-axis with CSS3
• Rotate transform the element by using y-axis with CSS3
• Define skew transforms along with y axis using CSS
• Transform the element by using x-axis, y-axis, and z-axis with CSS3
• A scale transform the element by using y-axis with CSS3
• Transform the element using z-axis with CSS3
• Transform the element using x-axis with CSS3
• Y-axis 3D transform with CSS3
• Rotate transform the element by using z-axis with CSS3
• Rotate transform the element by using x-axis with CSS3
• Rotate div with skew y-axis using CSS
• Define skew transforms along with x axis using CSS
• A scale transform the element by using x-axis with CSS3