CSS Transforms and Transitions

What is the purpose of CSS transitions?

• To change the font style of the text

• To add audio to the webpage

• To create static designs without any animation

• To change property values smoothly over a given duration.

How do you define a CSS transition property?

• It is used to define the border style in CSS.

• It is used to define the CSS transition property.

• It is used to define the background color in CSS.

• It is used to define the font size in CSS.

What are the different timing functions available for CSS transitions?

• start, stop, pause, resume, delay

• ease, linear, ease-in, ease-out, and ease-in-out

• smooth, rough, bumpy, slippery, sticky

• fast, slow, medium, rapid, gradual

Explain the transform property in CSS.

• The transform property in CSS is used to create a new HTML element.

• The transform property in CSS is used to add a border to an element.

• The transform property in CSS is used to change the font style of an element.

• The transform property in CSS is used to apply 2D or 3D transformations to an element.

What are the different 2D transform functions in CSS?

• move()

• translate(), rotate(), scale(), skew()

• flip()

• transform()

How do you apply a 2D transformation to an element in CSS?

• By using the transition property

• By using the animation property

• By using the transform property

• By using the rotate property

What are the different 3D transform functions in CSS?

• rotateX(), rotateY(), rotateZ(), translate2d(), scale2d(), and matrix2d()

• rotate1(), rotate2(), rotate3(), translate4d(), scale4d(), and matrix4d()

• rotateA(), rotateB(), rotateC(), translate2d(), scale2d(), and matrix2d()

• rotateX(), rotateY(), rotateZ(), translate3d(), scale3d(), and matrix3d()

Explain the perspective property in 3D transforms.

• The perspective property is used to adjust the font size of an element in 3D space.

• The perspective property is used to add a border to an element in 3D space.

• The perspective property is used to give depth to an element by determining the distance between the z=0 plane and the viewer.

• The perspective property is used to change the color of an element in 3D space.

How do you apply a 3D transformation to an element in CSS?

• By using the transition property

• By setting the element's position to absolute

• By using the transform property with appropriate 3D transformation functions

• By applying a border to the element

What are the differences between 2D and 3D transforms in CSS?

• 2D transforms manipulate elements in three dimensions

• 3D transforms manipulate elements in one dimension

• 2D transforms manipulate elements in two dimensions, while 3D transforms manipulate elements in three dimensions.

• 2D transforms manipulate elements in four dimensions