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

3/3

Page

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

What does this code do?
Code:
@media only screen and (max-width: 768px) {
    class*="col-"] {
        width: 100%;
    }
}

Select an option to see the answer and solution.

Which of the following element is used to create a circle?

Select an option to see the answer and solution.

Which of the following method rotates an element around its Y-axis at a given degree using tranform 3D?

Select an option to see the answer and solution.

Which of the following transition-timing-function property lets you define your own values in a cubic-bezier function

Select an option to see the answer and solution.

Which of the following selector is used to select and style when you place mouse over it?

Select an option to see the answer and solution.

Which of the following css property repeats an image both horizontally and vertically?

Select an option to see the answer and solution.

Which of the following CSS3 property specifies the alignment of the replaced element inside its box?

Select an option to see the answer and solution.

What should be written in the blank of the code for JQuery Code Used to Apply CSS3 Animations?
CSS Code:
_________ leftmove {
100% { transform: translateX(-70px); opacity: 1; }
}
_________ rightmove {
100% { transform: translateX(70px); opacity: 1; }
}
jQuery Code:

Select an option to see the answer and solution.

Which of the following element is used to create any shape that consists of only straight lines?

Select an option to see the answer and solution.

Which of the following property specifies the speed curve of the transition effect?

Select an option to see the answer and solution.

What does this code do?
Code:
@media only screen and (orientation: landscape) {
    body {
        background-color: lightblue;
    }
}

Select an option to see the answer and solution.

Which of the following element is used to create a SVG rectangle?

Select an option to see the answer and solution.

Which of the following CSS3 property specifies where to navigate when using the arrow-down navigation key?

Select an option to see the answer and solution.

Which of the following nav-left value sets it's value to default value?

Select an option to see the answer and solution.

Which of the following CSS3 property specifies the sequential navigation order for an element?

Select an option to see the answer and solution.

Which of the following CSS3 property adds space between an outline and the edge or border of an element?

Select an option to see the answer and solution.

Which of the following method moves an element from its current position using tranform?

Select an option to see the answer and solution.

Which of the following method increases or decreases the size of an element using tranform?

Select an option to see the answer and solution.

Which of the following element is used to create a SVG line?

Select an option to see the answer and solution.

Which of the following CSS3 property specifies where to navigate when using the arrow-up navigation key?

Select an option to see the answer and solution.