Exam 11: Creating Visual Effects and Animation

Case-Based Critical Thinking Question Rosa is implementing a new layout for her jewelry store website by incorporating visual effects using CSS. In particular, she is adding generated content and visual form feedback. -To specify properties for the form field that has the focus, Rosa should use the __________ pseudo-class.

You can specify a gradient as a value of the background-image property or use the shorthand __________ property.

Which of the following is the browser prefix for Microsoft browsers?

-Referring to the figure above, what does the code #d823c5 specify?

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. -Jerry could use a keyframe animation to create the effect, or he could use a(n) __________.

Style rules based on the :before and :after pseudo classes use the display property to specify text or the path and name of a file.

Matching Match each pseudo-class with the appropriate description. -the content entered by a user meets the rules for the field

The :valid pseudo-class applies to form elements with user input that does not meet the rules for the field.

Within the braces for an @keyframes rule, you specify nested rules using pixels as selectors._________________________

Case-Based Critical Thinking Question Rosa is implementing a new layout for her jewelry store website by incorporating visual effects using CSS. In particular, she is adding generated content and visual form feedback. -For elements that should not have generated content, Rosa can use the content property with a value of __________.

To create a transition, the shorthand transform property or one or more of the specific properties for transitions is added to the style rule for the default state of the affected element._________________________

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. -Which pseudo-class would Jerry use to specify the styles for the new visual effect?

Modern browsers support gradients as backgrounds.

-Referring to the figure above, what is the effect of the value scale(1.2)?

When you click a form field, it has the focus and the declarations in a style rule using the __________ pseudo-class are applied.