Question 1

The translate keyword repositions an element a specified amount from its default position._________________________

Accepted Answer

A) True 
 B)False

Question 2

To create an @keyframes rule, you specify a(n) __________ for the rule after the keyword @keyframes.

Accepted Answer

A)  name 
B)  class value 
C)  src value 
D)  length 
A)  name 
B)  class value 
C)  src value 
D)  length

Question 3

Case-Based Critical Thinking Question
Jerry is in charge of the website for a travel company. He wants to incorporate animation into the website so that when a user moves the mouse pointer over an image, the image gradually increases in size.
-If Jerry created his visual effect using a keyframe animation, which property would he use to specify how long the animation takes?

Accepted Answer

A)  animation-delay 
B)  animation-duration 
C)  animation-iteration-count 
D)  animation-timing-function 
A)  animation-delay 
B)  animation-duration 
C)  animation-iteration-count 
D)  animation-timing-function

Question 4

​
​
  
-Referring to the figure above, what does the code reveal-sun represent?

Accepted Answer

A)  the class value of the element to which the code applies 
B)  the name of the keyframe animation 
C)  the text that is animated 
D)  the title of the animation 
A)  the class value of the element to which the code applies 
B)  the name of the keyframe animation 
C)  the text that is animated 
D)  the title of the animation

Question 5

Modernizr tests a browser to detect which properties are supported, a process known as browser detection._________________________

Accepted Answer

A) True 
 B)False

Question 6

When you use Modernizr, you can write style rules that apply only to children of elements with specific __________ values.

Accepted Answer

A)  class 
B)  ID 
C)  type 
D)  src 
A)  class 
B)  ID 
C)  type 
D)  src

Question 7

Modernizr applies a set of CSS classes to which element?

Accepted Answer

A)  html 
B)  body 
C)  script 
D)  div 
A)  html 
B)  body 
C)  script 
D)  div

Question 8

Matching
Match each pseudo-class with the appropriate description.
-the element is checked or otherwise selected

Accepted Answer

A) :active 
B) :checked 
C) :focus 
D) :required 
E) :valid 
A) :active 
B) :checked 
C) :focus 
D) :required 
E) :valid

Question 9

Which keyword do you use to create a basic background gradient?

Accepted Answer

A)  linear-gradient 
B)  background-gradient 
C)  basic-gradient 
D)  gradient 
A)  linear-gradient 
B)  background-gradient 
C)  basic-gradient 
D)  gradient

Question 10

The __________ keyword prevents a gradient from repeating.

Accepted Answer

The answer of The __________ keyword prevents a gradient from...

Question 11

-Referring to the figure above, when are the declarations applied to the elements selected by the style rule?

Accepted Answer

A)  when the web page is first rendered by the browser 
B)  when a user moves the mouse pointer over the elements 
C)  when a user clicks the elements 
D)  when the elements have valid content 
A)  when the web page is first rendered by the browser 
B)  when a user moves the mouse pointer over the elements 
C)  when a user clicks the elements 
D)  when the elements have valid content

Question 12

The __________ keyword prevents a gradient from repeating.

Accepted Answer

A)  no-repeat 
B)  stop 
C)  once 
D)  one-time 
A)  no-repeat 
B)  stop 
C)  once 
D)  one-time

Question 13

Because the transform property is a relatively new CSS feature, it was implemented in some browsers with browser __________, which are words or abbreviations that are added to the start of a property name.

Accepted Answer

The answer of Because the transform property is a relatively...

Question 14

Describe how to create a circle using CSS, including 3 properties required to do so and their values.

Accepted Answer

To create a circle with CSS, you create

Question 15

You can use the :before pseudo-element to add an image before an element.

Accepted Answer

A) True 
 B)False

Question 16

Name the two parts of the syntax for creating a linear gradient, and describe the role of each part.

Accepted Answer

Two parts: starting point/direction and

Question 17

The :before and :after pseudo-elements enable you to insert content into web pages using style rules.

Accepted Answer

A) True 
 B)False

Question 18

Explain the difference between transitions and keyframe animations, including at least one advantage of each.

Accepted Answer

The main difference between transitions

Question 19

__________ animations enable you to control more aspects of an animation than transitions.

Accepted Answer

The answer of __________ animations enable you to control more...

Question 20

The animation-duration property specifies the time in seconds from the start of an animation to the end of the animation._________________________

Accepted Answer

A) True 
 B)False

The translate keyword repositions an element a specified amount from its default position._________________________

To create an @keyframes rule, you specify a(n) __________ for the rule after the keyword @keyframes.

-Referring to the figure above, what does the code reveal-sun represent?

Modernizr tests a browser to detect which properties are supported, a process known as browser detection._________________________

When you use Modernizr, you can write style rules that apply only to children of elements with specific __________ values.

Modernizr applies a set of CSS classes to which element?

Matching Match each pseudo-class with the appropriate description. -the element is checked or otherwise selected

Which keyword do you use to create a basic background gradient?

The __________ keyword prevents a gradient from repeating.

-Referring to the figure above, when are the declarations applied to the elements selected by the style rule?

The __________ keyword prevents a gradient from repeating.

Because the transform property is a relatively new CSS feature, it was implemented in some browsers with browser __________, which are words or abbreviations that are added to the start of a property name.

Describe how to create a circle using CSS, including 3 properties required to do so and their values.

You can use the :before pseudo-element to add an image before an element.

Name the two parts of the syntax for creating a linear gradient, and describe the role of each part.

The :before and :after pseudo-elements enable you to insert content into web pages using style rules.

Explain the difference between transitions and keyframe animations, including at least one advantage of each.

__________ animations enable you to control more aspects of an animation than transitions.

The animation-duration property specifies the time in seconds from the start of an animation to the end of the animation._________________________

Getting Started With HTML

Structuring Content in a Web Document

Getting Started With CSS

Laying Out Elements With CSS

Formatting Text With CSS

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With-Lists And-Tables

Implementing Responsive Design

Creating and Processing Web Forms

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Testing and Improving Performance

Filters

Exam 11: Creating Visual Effects and Animation

The translate keyword repositions an element a specified amount from its default position._________________________

To create an @keyframes rule, you specify a(n) __________ for the rule after the keyword @keyframes.

​ ​ -Referring to the figure above, what does the code reveal-sun represent?

Modernizr tests a browser to detect which properties are supported, a process known as browser detection._________________________

When you use Modernizr, you can write style rules that apply only to children of elements with specific __________ values.

Modernizr applies a set of CSS classes to which element?

Matching Match each pseudo-class with the appropriate description. -the element is checked or otherwise selected

Which keyword do you use to create a basic background gradient?

The __________ keyword prevents a gradient from repeating.

-Referring to the figure above, when are the declarations applied to the elements selected by the style rule?

The __________ keyword prevents a gradient from repeating.

Because the transform property is a relatively new CSS feature, it was implemented in some browsers with browser __________, which are words or abbreviations that are added to the start of a property name.

Describe how to create a circle using CSS, including 3 properties required to do so and their values.

You can use the :before pseudo-element to add an image before an element.

Name the two parts of the syntax for creating a linear gradient, and describe the role of each part.

The :before and :after pseudo-elements enable you to insert content into web pages using style rules.

Explain the difference between transitions and keyframe animations, including at least one advantage of each.

__________ animations enable you to control more aspects of an animation than transitions.

The animation-duration property specifies the time in seconds from the start of an animation to the end of the animation._________________________

Getting Started With HTML

Structuring Content in a Web Document

Getting Started With CSS

Laying Out Elements With CSS

Formatting Text With CSS

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With-Lists And-Tables

Implementing Responsive Design

Creating and Processing Web Forms

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Testing and Improving Performance

Filters

-Referring to the figure above, what does the code reveal-sun represent?