Home / CSE MCQs / CSS MCQs :: CSS CSS3 Fundamentals, Transitions & Animations

CSE MCQs :: CSS MCQs

  1. Which of the following css property is used to define a delay before an animation starts?
  2. A.
    transform-delay
    B.
    delay-function
    C.
    delay-animation
    D.
    animation-delay

  3. What does this code do?


    Code:

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

        body {

            background-color: lightblue;

        }

    }

  4. A.
    If the browser window is smaller than 500px, the background color will change to lightblue:
    B.
    If the browser window is larger than 500px, the background color will change to lightblue:
    C.
    The background color will change to lightblue
    D.
    Nothing happens

  5. Which of the following is not an attribute used with SVG ellipse?
  6. A.
    cx
    B.
    cy
    C.
    rr
    D.
    ry

  7. Which of the following selector is used to selects siblings?
  8. A.
    ::after
    B.
    E ~ F
    C.
    :checked
    D.
    E[attr^=value]

  9. Which of the following CSS3 property specifies how nested elements are rendered in 3D space?
  10. A.
    transform
    B.
    transform-style
    C.
    transform-render
    D.
    none of the above

  11. Which of the following method skews an element along the X and Y-axis by the given angles using tranform?
  12. A.
    skewX()
    B.
    skewy()
    C.
    skew-X-Y()
    D.
    skew()

  13. Which of the following outline-offset value sets the distance the outline is outset from the border edge?
  14. A.
    distance
    B.
    length
    C.
    initial
    D.
    all

  15. Which of the following property defines the width of a rule between columns in a multicolumn text flow?
  16. A.
    column-rule-style
    B.
    column-width
    C.
    column-rule-width
    D.
    columns

  17. Which of the following css property is used to indicate if an animation plays in reverse or repeats itself every other iteration?
  18. A.
    animation-iteration
    B.
    animation-check
    C.
    animation-direction
    D.
    animation-state

  19. What does this code do?


    Code:

    @media only screen and (orientation: landscape) {

        body {

            background-color: lightblue;

        }

    }

  20. A.
    web page will have a lighblue background if the orientation is in landscape mode
    B.
    web page will have a lighblue background if the orientation is not in landscape mode
    C.
    web page will have a red background if the orientation is in landscape mode
    D.
    None of the above