0% found this document useful (0 votes)
140 views21 pages

Question Text: Feedback

This document contains 20 multiple choice questions about CSS animation properties and functions such as transition, transform, easing functions and more. For each question there are 4 possible answers to select from and an indication of whether the answer selected was correct or not is provided.

Uploaded by

jane jabar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
140 views21 pages

Question Text: Feedback

This document contains 20 multiple choice questions about CSS animation properties and functions such as transition, transform, easing functions and more. For each question there are 4 possible answers to select from and an indication of whether the answer selected was correct or not is provided.

Uploaded by

jane jabar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 21

Question 1

Correct
Mark 1.00 out of 1.00

Flag question

Question text

The translate3d() function is a 3D transform function used in three-dimensional space to transfer an object.

Select one:

True 

False

Question 2
Correct
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following transform property value defines a 2D translation?

Select one:

a. translate3d(x,y)

b. translate2d(x,y)

c. translate(x,y) 

d. all of the mentioned


Feedback

Your answer is correct.


Question 3
Correct
Mark 1.00 out of 1.00

Flag question

Question text

The linear easing function is an identity function meaning that its output progress value is equal to the input
progress value for all inputs.

Select one:

True 

False

Question 4
Correct
Mark 1.00 out of 1.00

Flag question

Question text

The < blink > is an effective HTML mark.

Select one:

True

False 

Question 5
Correct
Mark 1.00 out of 1.00
Flag question

Question text

The HTML < blink > tag is a non-standard component that is used to construct an enclosed text that slowly
flashes.

Select one:

True 

False

Question 6
Correct
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following transform property value defines a translation, using only the value for the X-axis?

Select one:

a. translate(x)

b. translateY(x)

c. translateX(x) 

d. translateZ(x)
Feedback

Your answer is correct.

Question 7
Correct
Mark 1.00 out of 1.00
Flag question

Question text

Which of the following css property is used to define a delay before an animation starts?

Select one:

a. transition-delay 

b. delay

c. none of the mentioned

d. transform-delay
Feedback

Your answer is correct.


a) 
b) 
c) 
d) 

Question 8
Correct
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following css property allows elements to be offset, rotated, scaled, and skewed in a variety of
different ways?

Select one:

a. transform-3D

b. transform 

c. transform-origin
d. transition
Feedback

Your answer is correct.

Question 9
Correct
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following CSS Property determines whether an animation should run in reverse on some cycles?

Select one:

a. animation-repeat

b. animation-run

c. animation

d. none of the mentioned 


Feedback

Your answer is correct.

Question 10
Incorrect
Mark 0.00 out of 1.00

Flag question

Question text

Which of the following CSS3 property specifies how nested elements are rendered in 3D space

Select one:
d. transform-style
Feedback

Your answer is incorrect.

 A. 
 B. 
 C. 
 D. 

Question 11
Correct
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following css property specifies a delay for the transition effect?

Select one:

a. transition-effect

b. transition-delay 

c. transition

d. transition-duration
Feedback

Your answer is correct.

Question 12
Correct
Mark 1.00 out of 1.00

Flag question
Question text

 Which of the following CSS Property defines which property values to apply to the element before the
animation begins (if delayed) and after it ends?

Select one:

a. animation-fill-mode 

b. animation-delay

c. animation-play-state

d. animation-play
Feedback

Your answer is correct.

Question 13
Correct
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following css property repeats an image both horizontally and vertically?

Select one:

a. background-position

b. background

c. background-repeat 

d. background-image
Feedback

Your answer is correct.

Question 14
Correct
Mark 1.00 out of 1.00
Flag question

Question text

The syntax for the linear easing function is simply the linear keyword.

Select one:

True 

False

Question 15
Correct
Mark 1.00 out of 1.00

Flag question

Question text

The syntax for specifying an easing function is as follows:


<easing-function> = linear | <cubic-bezier-easing-function> | <step-easing-function>

Select one:

True 

False

Question 16
Correct
Mark 1.00 out of 1.00

Flag question

Question text
An easing function must be a pure function which means that it always produces the same progress value for a
given set of inputs.

Select one:

True 

False

Question 17
Correct
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following css property defines whether or not an element should be visible when not facing the
screen?

Select one:

a. backface-control

b. visibility

c. backface-visibility 

d. none of the mentioned


Feedback

Your answer is correct.


a) 
b) 
c) 
d) 

Question 18
Incorrect
Mark 0.00 out of 1.00
Flag question

Question text

Transition is a process of manipulating objects to appear as moving images.

Select one:

True 

False

Question 19
Correct
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following CSS Property selects an animation defined in an @keyframes rule and applies it to the
element? 

Select one:

a. animation-element

b. animation 

c. none of the mentioned

d. animation-name 
Feedback

Your answer is correct.


a) b)  c)  d) 

Question 20
Correct
Mark 1.00 out of 1.00
Flag question

Question text

An easing function  takes a progress value for input and generates a progress value for output.

Select one:

True 

False

Question 1
Complete
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following css property specifies a delay for the transition effect?

Select one:
a. transition-duration
b. transition
c. transition-delay

d. transition-effect

Question 2
Complete
Mark 1.00 out of 1.00
Flag question

Question text

The translate3d() function is a 3D transform function used in three-dimensional space to


transfer an object.

Select one:
True

False

Question 3
Complete
Mark 1.00 out of 1.00

Flag question

Question text

Transition is a process of manipulating objects to appear as moving images.

Select one:
True

False

Question 4
Complete
Mark 1.00 out of 1.00
Flag question

Question text

Which of the following transform property value defines a 2D translation?

Select one:
a. translate3d(x,y)
b. translate(x,y)
c. all of the mentioned

d. translate2d(x,y)

Question 5
Complete
Mark 1.00 out of 1.00

Flag question

Question text

An easing function must be a pure function which means that it always produces the same
progress value for a given set of inputs.

Select one:
True

False

Question 6
Complete
Mark 1.00 out of 1.00
Flag question

Question text

The syntax for the linear easing function is simply the linear keyword.

Select one:
True

False

Question 7
Complete
Mark 1.00 out of 1.00

Flag question

Question text

The HTML < blink > tag is a non-standard component that is used to construct an enclosed
text that slowly flashes.

Select one:
True

False

Question 8
Complete
Mark 1.00 out of 1.00

Flag question

Question text
The syntax for specifying an easing function is as follows:
<easing-function> = linear | <cubic-bezier-easing-function> | <step-easing-function>

Select one:
True

False

Question 9
Complete
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following css property allows elements to be offset, rotated, scaled, and
skewed in a variety of different ways?

Select one:
a. transform-3D
b. transform
c. transform-origin

d. transition

Question 10
Complete
Mark 1.00 out of 1.00

Flag question

Question text

The < blink > is an effective HTML mark.


Select one:
True

False

Question 11
Complete
Mark 0.00 out of 1.00

Flag question

Question text

Which of the following CSS3 property specifies how nested elements are rendered in 3D
space

Select one:
a. transform-style
b. transform-render
c. none of the above

d. transform

Question 12
Complete
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following CSS Property selects an animation defined in an @keyframes rule
and applies it to the element? 

Select one:
a. none of the mentioned
b. animation-element
c. animation 

d. animation-name

Question 13
Complete
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following transform property value defines a translation, using only the value
for the X-axis?

Select one:
a. translateZ(x)
b. translate(x)
c. translateY(x)

d. translateX(x)

Question 14
Complete
Mark 1.00 out of 1.00

Flag question

Question text

The linear easing function is an identity function meaning that its output progress value is
equal to the input progress value for all inputs.

Select one:
True
False

Question 15
Complete
Mark 1.00 out of 1.00

Flag question

Question text

 Which of the following CSS Property defines which property values to apply to the element
before the animation begins (if delayed) and after it ends?

Select one:
a. animation-fill-mode
b. animation-play-state
c. animation-delay

d. animation-play

Question 16
Complete
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following css property is used to define a delay before an animation starts?

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

Question 17
Complete
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following css property defines whether or not an element should be visible
when not facing the screen?

Select one:
a. none of the mentioned
b. visibility
c. backface-visibility

d. backface-control

Question 18
Complete
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following css property repeats an image both horizontally and vertically?

Select one:
a. background-position
b. background-image
c. background-repeat
d. background

Question 19
Complete
Mark 1.00 out of 1.00

Flag question

Question text

An easing function  takes a progress value for input and generates a progress value for
output.

Select one:
True

False

Question 20
Complete
Mark 1.00 out of 1.00

Flag question

Question text

Which of the following CSS Property determines whether an animation should run in reverse
on some cycles?

Select one:
a. animation
b. animation-repeat
c. none of the mentioned
d. animation-run

You might also like