[amp_mcq option1=”transform-style” option2=”transform” option3=”transition” option4=”transform-origin” correct=”option2″]<\/p>\n
The correct answer is: B. transform<\/strong><\/p>\n The The following are the different types of transformations that can be applied with the The following is an example of how to use the The following is an example of how to use the The following is an example of how to use the The following is an example of how to use the The following is an example of how to use the “`css “`<\/p>\n","protected":false},"excerpt":{"rendered":" [amp_mcq option1=”transform-style” option2=”transform” option3=”transition” option4=”transform-origin” correct=”option2″]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[733],"tags":[],"class_list":["post-53385","post","type-post","status-publish","format-standard","hentry","category-css-properties-css-elements-css-functions-and-tables","no-featured-image-padding"],"yoast_head":"\ntransform<\/code> 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.<\/p>\ntransform<\/code> property:<\/p>\n\n
translate<\/code>: Moves the element by a certain amount along the x-axis and y-axis.<\/li>\nscale<\/code>: Scales the element by a certain amount along the x-axis and y-axis.<\/li>\nrotate<\/code>: Rotates the element by a certain amount around its center point.<\/li>\nskewX<\/code>: Skews the element horizontally by a certain amount.<\/li>\nskewY<\/code>: Skews the element vertically by a certain amount.<\/li>\n<\/ul>\ntransform<\/code> property to move an element 10px to the right and 10px down:<\/p>\ncss
\ndiv {
\n transform: translate(10px, 10px);
\n}<\/code><\/p>\ntransform<\/code> property to scale an element to twice its original size:<\/p>\ncss
\ndiv {
\n transform: scale(2);
\n}<\/code><\/p>\ntransform<\/code> property to rotate an element by 45 degrees:<\/p>\ncss
\ndiv {
\n transform: rotate(45deg);
\n}<\/code><\/p>\ntransform<\/code> property to skew an element horizontally by 10 degrees:<\/p>\ncss
\ndiv {
\n transform: skewX(10deg);
\n}<\/code><\/p>\ntransform<\/code> property to skew an element vertically by 10 degrees:<\/p>\n
\ndiv {
\n transform: skewY(10deg);
\n}<\/p>\n