Sail E0 Webinar

MCQs

Total Questions : 10
Question 1. Which of the following css property is used to define a delay before an animation starts?
  1.    transform-delay
  2.    delay-function
  3.    delay-animation
  4.    animation-delay
 Discuss Question
Answer: Option D. -> animation-delay


Syntax: animation-delay: time1 [,..timeN]


Question 2. Which of the following selector is used to selects siblings?
  1.    ::after
  2.    E ~ F
  3.    :checked
  4.    E[attr^=value]
 Discuss Question
Answer: Option B. -> E ~ F


p ~ strong {font-style: italic;}
/* sets the font style to italic on all strong tags that have a p tag as a preceding sibling */


Question 3. Which of the following CSS3 property specifies how nested elements are rendered in 3D space?
  1.    transform
  2.    transform-style
  3.    transform-render
  4.    none of the above
 Discuss Question
Answer: Option C. -> transform-render




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




Question 5.

What does this code do?

Code:

 @media only screen and (max-width: 500px) {

    body {

        background-color: lightblue;

    }

}

  1.    If the browser window is smaller than 500px, the background color will change to lightblue:
  2.    If the browser window is larger than 500px, the background color will change to lightblue:
  3.    The background color will change to lightblue
  4.    Nothing happens
 Discuss Question
Answer: Option A. -> If the browser window is smaller than 500px, the background color will change to lightblue:


Syntax: animation-delay: time1 [,..timeN]


Question 6. Which of the following method skews an element along the X and Y-axis by the given angles using tranform?
  1.    skewX()
  2.    skewy()
  3.    skew-X-Y()
  4.    skew()
 Discuss Question
Answer: Option D. -> skew()




Question 7. Which of the following outline-offset value sets the distance the outline is outset from the border edge?
  1.    distance
  2.    length
  3.    initial
  4.    all
 Discuss Question
Answer: Option B. -> length




Question 8.

What does this code do?

Code:

@media only screen and (orientation: landscape) {

    body {

        background-color: lightblue;

    }

}

  1.    web page will have a lighblue background if the orientation is in landscape mode
  2.    web page will have a lighblue background if the orientation is not in landscape mode
  3.    web page will have a red background if the orientation is in landscape mode
  4.    None of the above
 Discuss Question
Answer: Option A. -> web page will have a lighblue background if the orientation is in landscape mode




Question 9. Which of the following property defines the width of a rule between columns in a multicolumn text flow?
  1.    column-rule-style
  2.    column-width
  3.    column-rule-width
  4.    columns
 Discuss Question
Answer: Option C. -> column-rule-width


Syntax: column-rule-width: non-negative length


Question 10. Which of the following css property is used to indicate if an animation plays in reverse or repeats itself every other iteration?
  1.    animation-iteration
  2.    animation-check
  3.    animation-direction
  4.    animation-state
 Discuss Question
Answer: Option C. -> animation-direction


Syntax: animation-direction: normal | alternate [,normal | alternate


Latest Videos

Latest Test Papers