[amp_mcq option1=”transform-style” option2=”transform” option3=”transition” option4=”transform-origin” correct=”option2″]
The correct answer is: B. transform
The transform property allows elements to be offset, rotated, scaled, and skewed in a variety of different ways. It takes a value that specifies the type of transformation to be applied, followed by a list of values that specify the amount of the transformation.
The following are the different types of transformations that can be applied with the transform property:
translate: Moves the element by a certain amount along the x-axis and y-axis.scale: Scales the element by a certain amount along the x-axis and y-axis.rotate: Rotates the element by a certain amount around its center point.skewX: Skews the element horizontally by a certain amount.skewY: Skews the element vertically by a certain amount.
The following is an example of how to use the transform property to move an element 10px to the right and 10px down:
css
div {
transform: translate(10px, 10px);
}
The following is an example of how to use the transform property to scale an element to twice its original size:
css
div {
transform: scale(2);
}
The following is an example of how to use the transform property to rotate an element by 45 degrees:
css
div {
transform: rotate(45deg);
}
The following is an example of how to use the transform property to skew an element horizontally by 10 degrees:
css
div {
transform: skewX(10deg);
}
The following is an example of how to use the transform property to skew an element vertically by 10 degrees:
“`css
div {
transform: skewY(10deg);
}
“`