Question 1

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

Accepted Answer

The :before and :after pseudo-elements allow you to insert content before or after an element's content using CSS rules.

Question 2

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

Accepted Answer

feature

Question 3

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

Accepted Answer

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

Question 4

You can use the :visited pseudo-class to change the properties of input elements and other elements in forms.

Accepted Answer

The :visited pseudo-class can only be used to change the properties of links that have been visited. It cannot be used to change the properties of input elements or other elements in forms.

Question 5

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._________________________

Accepted Answer

transition

Question 6

Modern browsers support gradients as backgrounds.

Accepted Answer

Modern browsers do support gradients as backgrounds. Gradients can add depth and dimension to website designs, and can be created using CSS.

Question 7

You can create triangles by applying CSS properties to div elements.

Accepted Answer

Yes, by manipulating the height, width, and border properties of a div element, you can create triangles.

Question 8

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

Accepted Answer

percentage

Question 9

In the box model, generated content is not considered part of an element's content.

Accepted Answer

The answer of In the box model, generated content is...

Question 10

An animation created using animation properties and the @keyframes rule is known as a keyframe animation._________________________

Accepted Answer

A keyframe animation is created using animation properties and the @keyframes rule.

Question 11

Modern browsers support using the CSS transform property to apply a transform._________________________

Accepted Answer

Modern browsers do support using the CSS transform property to apply a transformation to an element. This can be used to rotate, scale, skew or translate the element.

Question 12

CSS supports several pseudo-classes specifically for use with forms.

Accepted Answer

CSS does indeed support several pseudo-classes specifically for use with forms, such as :hover, :focus, :active, :disabled, :checked, :optional, :required, and more. These allow developers to style form elements based on user interactions and their states, making them more interactive and easier to use.

Question 13

Browser suffixes are words or abbreviations that are added to a property name and that are specific to one or more browsers or rendering engines._________________________

Accepted Answer

prefixes,prefix

Question 14

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

Accepted Answer

The statement is true.

Question 15

You use the :focus pseudo-class to specify styles for a form field when it has the focus.

Accepted Answer

True, the :focus pseudo-class is used for styling a form field when the user has selected or given it focus.

Question 16

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.

Accepted Answer

The :before and :after pseudo-classes are used to insert content before or after an element's content, respectively, not to specify the display property or directly specify a file path. They often use the 'content' property to specify what is to be inserted.

Question 17

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

Accepted Answer

Yes, you can use the :before pseudo-element to add an image before an element.

Question 18

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

Accepted Answer

The translate keyword moves an element from its default position by a specified amount.

Question 19

The scale keyword rotates an element a specified number of degrees._________________________

Accepted Answer

rotate

Question 20

A filter is a visual effect in which an area starts as a single color on one edge or corner and transitions gradually to one or more other colors._________________________

Accepted Answer

gradient

Quiz 11: Creating Visual Effects and Animation