CSS3 Transitions And CSS 3 Animations MCQ question and answer with solution

31

Which of the following CSS3 property specifies how the contents of a replaced element should be fitted to the box established by its used height and width?

A) object-fit B) object-position C) image-orientation D) none of the mentioned

Discuss

Answer & Solution

Answer: Option A

No explanation is given for this question. Let's Discuss on Board

32

Which of the following method skews an element along the X and Y-axis by the given angles using tranform?

A) skewX() B) skewy() C) skew-X-Y() D) skew()

Discuss

Answer & Solution

Answer: Option D

No explanation is given for this question. Let's Discuss on Board

33

Which of the following method skews an element along the X-axis by the given angle using tranform?

A) skewX() B) skewy() C) x-axis() D) skew()

Discuss

Answer & Solution

Answer: Option A

No explanation is given for this question. Let's Discuss on Board

34

Which of the following element is used to begin an SVG image?

A) <image> B) <svg> C) <img> D) <graph>

Discuss

Answer & Solution

Answer: Option B

No explanation is given for this question. Let's Discuss on Board

35

Which of the following method combines all the 2D transform methods into one using transform?

A) combine() B) 2D-tranform() C) matrix() D) matrix-2D()

Discuss

Answer & Solution

Answer: Option C

No explanation is given for this question. Let's Discuss on Board

36

What should be written in the blank of the code for resizing elements in Responsive Web Design with Transitions

Code:
body { background-image: url(fog.jpg); background-size: cover;
background-repeat: no-repeat; color: #fff; font-family: Avenir, Arial, sans-serif;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center;
font-size: 10rem; margin: 8rem auto;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif;
text-align: center; font-size: 10rem; margin: 8rem auto; transition: 1s font-size linear;
}
______________ and (max-width: 1100px) {
h1 { font-size: 8rem; }

A) @media B) @media screen C) div D) transform

Discuss

Answer & Solution

Answer: Option B

No explanation is given for this question. Let's Discuss on Board

37

Which of the following CSS3 property specifies the intrinsic resolution of all raster images used in/on the element?

A) image-orientation B) image-rendering C) image-resolution D) all of the mentioned

Discuss

Answer & Solution

Answer: Option C

No explanation is given for this question. Let's Discuss on Board

38

Which of the following code set the webpage correctly displayed on a device?

A) <meta name="viewport" content="width=device-width, initial-scale=1.0"> B) <meta name="viewport" content="width=device-width, initial-scale=2.0"> C) <meta name="viewport" content="width=device-width, initial-scale='parent-size'"> D) <meta name="viewports" content="width=device-width, initial-scale=1.0">

Discuss

Answer & Solution

Answer: Option A

No explanation is given for this question. Let's Discuss on Board

39

Which of the following property defines where a 3D element is based in the x- and the y-axis?

A) transform-style B) perspective(n) C) perspective-origin D) none of the mentioned

Discuss

Answer & Solution

Answer: Option C

No explanation is given for this question. Let's Discuss on Board

40

Which of the following CSS3 property is used to tell the browser what the sizing properties should be include?

A) box-sizing B) box-model C) box-design D) box-redesign

Discuss

Answer & Solution

Answer: Option A

No explanation is given for this question. Let's Discuss on Board

CSS3 Transitions And CSS 3 Animations MCQ question and answer with solution | CSS MCQs