CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Gradients

The video tutorial covers CSS gradients, explaining how to create smooth transitions between colors and set directions for these transitions. It provides a detailed example of creating a linear gradient, adjusting its direction, and combining it with images for enhanced web design. The tutorial also briefly mentions radial gradients, noting their less frequent use in web development.

What is the primary purpose of using CSS gradients?

• To add borders to elements

• To change text color

• To display smooth transitions between colors

• To create solid color backgrounds

Which CSS property is used to apply a linear gradient?

• color

• background-image

• border

• background-color

What is the default direction of a linear gradient?

• Right to left

• Top to bottom

• Bottom to top

• Left to right

How can you create a diagonal gradient starting from the top left corner?

• to bottom

• to left top

• to right bottom

• to right

What effect does using rgba values in a gradient have?

• It changes the gradient direction

• It allows setting the opacity of colors

• It adds a border to the gradient

• It repeats the gradient

What is a common use case for combining linear gradients with images?

• To enhance the visual appeal of images

• To add text to images

• To create image borders

• To create solid color backgrounds

Why are radial gradients not frequently used in web design?

• They are difficult to implement

• They are not supported by all browsers

• They are less visually appealing

• They are not commonly needed for website designs