Introduction to Web Interaction Design: With HTML and CSS by Michael Macaulay

Author:Michael Macaulay [Macaulay, Michael]
Language: eng
Format: azw3, epub
Publisher: CRC Press
Published: 2017-07-06T04:00:00+00:00

FIGURE 16.6 HTML for demonstrating how linear-gradient() is used.

FIGURE 16.7 CSS for the HTML in Figure 16.6.

FIGURE 16.8 The result of Figures 16.6 and 16.7.

CHALLENGE 16.5

Implement the example in Figures 16.6 and 16.7 and experiment with the values to better understand how linear gradient works.

16.4.1.1 Repeating Linear Gradients

Gradients can be repeated to create a uniform ­pattern. You can achieve this using the repeating-linear-­gradient() function and the same value-types as a linear gradient. Figures 16.9 and 16.10 show how this is done and the result.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.