Css3 Transitions And Css 3 Animations(Css ) Questions and Answers

Question 1. What does SVG stands for?
  1.    Scaled Vector Graph
  2.    Scalable Vector Graphics
  3.    Scaled Vector Graphics
  4.    None of the mentioned
Explanation:-
Answer: Option B. -> Scalable Vector Graphics

Question 2. Which of the following is attribute of SVG line?
  1.    x
  2.    y
  3.    x1
  4.    all of the mentioned
Explanation:-
Answer: Option D. -> all of the mentioned

Question 3. Which of the following defines the color of a line, text or outline of an element?
  1.    text
  2.    stroke
  3.    line
  4.    all of the mentioned
Explanation:-
Answer: Option D. -> all of the mentioned

Question 4. Which of the following css property should be used to make a responsive image?
  1.    float
  2.    max-width
  3.    margin-right
  4.    all of the mentioned
Explanation:-
Answer: Option D. -> all of the mentioned

Question 5. Which of the following is not an attribute used with SVG ellipse?
  1.    cx
  2.    cy
  3.    rr
  4.    ry
Explanation:-
Answer: Option C. -> rr

Question 6. Which of the following CSS framework is used to create a responsive design?
  1.    larawell
  2.    bootstrap
  3.    rails
  4.    django
Explanation:-
Answer: Option B. -> bootstrap
Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications.

Question 7. Which of the following css propery define the properties that will be animated in an animation rule?
  1.    @keyframes
  2.    animation-origin
  3.    transform
  4.    animation
Explanation:-
Answer: Option D. -> animation
Syntax: @keyframes: keyframe-name {percentage | from | to {cssrules}}

Question 8. Which of the following css property allows elements to be offset, rotated, scaled, and skewed in a variety of different ways?
  1.    transform-3D
  2.    transform-origin
  3.    transform
  4.    transition
Explanation:-
Answer: Option C. -> transform
Syntax: transform: list of transform-functions | none

Question 9. Which of the following css property is used to define a delay before an animation starts?
  1.    delay
  2.    transition-delay
  3.    transform-delay
  4.    none of the mentioned
Explanation:-
Answer: Option B. -> transition-delay
Syntax: transition-delay: time1

Question 10. Which of the following css propery defines a relationship between bound elements(s) and some code or content?
  1.    @import
  2.    @media
  3.    url-bind
  4.    binding
Explanation:-
Answer: Option D. -> binding
Syntax: binding: none | url(bindingfile)