Vidyalelo
CSS · all questions

CSS3 Transitions And CSS 3 Animations
practice.

Practice every MCQ with options. Use Show answers when you want the correct option and solution.

60

Questions

2/3

Page

Pick an option on a question to see the right answer and solution.

Which of the following css property specifies a delay for the transition effect?

Select an option to see the answer and solution.

What does this code do?
Code:
 @media only screen and (max-width: 500px) {
    body {
        background-color: lightblue;
    }
}

Select an option to see the answer and solution.

Which of the following transition-timing-function property specifies a transition effect with a slow start, then fast, then end slowly

Select an option to see the answer and solution.

Which of the following element is used to create an SVG ellipse?

Select an option to see the answer and solution.

Which of the following css property defines whether or not an element should be visible when not facing the screen?

Select an option to see the answer and solution.

Which of the following CSS3 property specifies whether or not an element is resizable by the user?

Select an option to see the answer and solution.

Which of the following nav-right value is used to the inherits this property from its parent element?

Select an option to see the answer and solution.

Which of the following css property specifies an image to use as the background of an element?

Select an option to see the answer and solution.

Which of the following outline-offset value sets the distance the outline is outset from the border edge?

Select an option to see the answer and solution.

Which of the following transition-timing-function property specifies a transition effect with a slow start?

Select an option to see the answer and solution.

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?

Select an option to see the answer and solution.

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

Select an option to see the answer and solution.

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

Select an option to see the answer and solution.

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

Select an option to see the answer and solution.

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

Select an option to see the answer and solution.

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; }

Select an option to see the answer and solution.

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

Select an option to see the answer and solution.

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

Select an option to see the answer and solution.

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

Select an option to see the answer and solution.

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

Select an option to see the answer and solution.