Scribd Logo
Upload

Welcome to Scribd!

  • 199 views

    (Selector) .Animate ( (Styles), Speed, Easing, Callback) : Midterm Quiz1

    Uploaded by

    jane jabar
    This document contains a 20 question multiple choice quiz about CSS animations, transitions, and responsive design. The questions cover topics like animation properties, media queries, transition timing, and layers in animation. For each question the learner selects the correct answer from the multiple choices given and receives feedback on their response.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    (Selector) .Animate ( (Styles), Speed, Easing, Callback) : Midterm Quiz1

    Uploaded by

    jane jabar
    199 views11 pages
    This document contains a 20 question multiple choice quiz about CSS animations, transitions, and responsive design. The questions cover topics like animation properties, media queries, transition timing, and layers in animation. For each question the learner selects the correct answer from the multiple choices given and receives feedback on their response.

    Original Description:

    WEB APPLICATION ENCHANCE

    Original Title

    Q3

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document contains a 20 question multiple choice quiz about CSS animations, transitions, and responsive design. The questions cover topics like animation properties, media queries, transition timing, and layers in animation. For each question the learner selects the correct answer from the multiple choices given and receives feedback on their response.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    199 views11 pages

    (Selector) .Animate ( (Styles), Speed, Easing, Callback) : Midterm Quiz1

    Uploaded by

    jane jabar
    This document contains a 20 question multiple choice quiz about CSS animations, transitions, and responsive design. The questions cover topics like animation properties, media queries, transition timing, and layers in animation. For each question the learner selects the correct answer from the multiple choices given and receives feedback on their response.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 11

    MIDTERM QUIZ1

    Sets the number of times the animation will repeat; to repeat the animation forever, you can
    specify infinite.

    Select one:
    a. animation-iteration-count
    b. animation-fill-mode
    c. animation-direction

    d. animation-delay
    Feedback

    Your answer is correct.

    Question 2
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    The syntax for Animation with jQuery

    (selector).animate({styles},speed,easing,callback)
    Select one:
    True
    False

    Question 3
    Complete
    Mark 1.00 out of 1.00
    Flag question

    Question text

    What does this code do?


    Code:
    @media only screen and (max-width: 500px) {
    body {
    background-color: lightblue;
    }
    }

    Select one:
    a. If the browser window is larger than 500px, the background color will change to lightblue:
    b. Nothing happens
    c. The background color will change to lightblue

    d. If the browser window is smaller than 500px, the background color will change to
    lightblue:
    Feedback

    Your answer is correct.

    Question 4
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    Animations involving transition between two states are often referred to as implicit
    transitions since the user explicitly specifies the states between the start and the final states.

    Select one:
    True
    False

    Question 5
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    propertyName is a string that indicates the name of the CSS property that has completed its
    transition.

    Select one:
    True
    False

    Question 6
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

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

    Select one:
    a. hover
    b. mouse
    c. all of the mentioned

    d.  focus
    Feedback
    Your answer is correct.

    Question 7
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

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

    Select one:
    a. transition
    b. transition-delay
    c. transition-timing-function

    d. transition-duration
    Feedback

    Your answer is correct.

    Question 8
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    A CSS animation can be triggered by applying the animation styles to the: hover or: active
    states when the reader has the mouse over the object or when the user clicks on the object.

    Select one:
    True
    False

    Question 9
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    A language of control allows users to control the animation and interact with it. Interactions
    involve starting and stopping the animation and moving in the timeline to specified points.

    Select one:
    a. Drawing
    b. Stage
    c. Scripting language

    d. Layers
    Feedback

    Your answer is correct.

    Question 10
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    CSS transitions allow you to decide which properties to animate when the animation begins,
    how long the transition will last and how the transition will continue

    Select one:
    True
    False

    Question 11
    Complete
    Mark 1.00 out of 1.00
    Flag question

    Question text

    This identify transition points in the action as a concept borrowed from film animation.

    Select one:
    a. Stage
    b. Keyframes
    c. Drawing

    d. Layers
    Feedback

    Your answer is correct.

    Question 12
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    Which of the following property defines when the transition will start and it allows a
    transition to begin execution some some period of time from when it is applied?

    Select one:
    a. transform-duration
    b. transition-delay
    c. none of the mentioned

    d. transform-delay
    Feedback

    Your answer is correct.


    Question 13
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    elapsedTime is a float showing the number of seconds the transition was going on at the
    time the event was going on.

    Select one:
    True
    False

    Question 14
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    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 one:
    a. div
    b. transform
    c. @media screen

    d. @media
    Feedback

    Your answer is correct.

    Question 15
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    Which of the following css propery define the properties that will be animated in an
    animation rule?

    Select one:
    a. @keyframes
    b. transform
    c. animation

    d. animation-origin
    Feedback

    Your answer is correct.

    Question 16
    Complete
    Mark 1.00 out of 1.00

    Flag question
    Question text

    Which of the following property defines the length of time that a transition takes?

    Select one:
    a.  transition-property 
    b. transition-duration 

    c. transition

    d. transform-duration
    Feedback

    Your answer is correct.

    Question 17
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    The shorthand transition property is used to manage CSS animations.

    Select one:
    True
    False

    Question 18
    Complete
    Mark 1.00 out of 1.00

    Flag question
    Question text

    It is convenient to place each object on a separate layer to organize and work easily with
    multiple moving objects.

    Select one:
    a. Scripting language
    b. Stages
    c. Keyframes

    d. Layers
    Feedback

    Your answer is correct.

    Question 19
    Complete
    Mark 1.00 out of 1.00

    Flag question

    Question text

    Set the time it takes for an animation to complete a loop.

    Select one:
    a. animation-delay
    b. animation-timing-function
    c. animation-name

    d. animation-duration
    Feedback

    Your answer is correct.

    Question 20
    Complete
    Mark 1.00 out of 1.00
    Flag question

    Question text

    Configures whether or not the animation should alternate direction and repeat itself on
    each run through the sequence or reset to the starting point.

    Select one:
    a. animation-play-state
    b. animation-direction
    c. animation-name

    d. animation-fill-mode
    Feedback

    Your answer is correct.

    You might also like