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.