The Book of CSS3 - A Developer\'s Guide to the Future of Web Design (2nd edition)
98 Chapter 9 rounded corners has meant creating four images and adding at least two extra nonsemantic elements, which made maint ...
Border and Box Effects 99 border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } To create a shape with irregular ...
100 Chapter 9 To illustrate the shorthand property in action, I’ll apply rules to three elements, each time with a different set ...
Border and Box Effects 101 Figure 9-5: Irregular rounded corners produced with the border-radius shorthand property Using Percen ...
102 Chapter 9 border-image-source The first property, border-image-source, sets the source of the image that will be used for th ...
Border and Box Effects 103 Figure 9-7: Where the specified values in border-image will slice the image You can see in Figure 9-8 ...
104 Chapter 9 The default behavior of border images is to use only the slices and corners on the border, leaving the center of t ...
Border and Box Effects 105 border-image-width: 34px; } E, F { border-image-slice: 34; border-image-source: url('foo.png'); } You ...
106 Chapter 9 You can see a comparison of this in Figure 9-11; the element on the left has the default border-image-outset value ...
Border and Box Effects 107 I said a few paragraphs ago that border-image-repeat accepts one of three keyword values, but that’s ...
108 Chapter 9 The first value, inset, is an optional keyword that sets whether the shadow sits inside or outside of the element. ...
Border and Box Effects 109 The fifth box has two shadows applied to it, with each set of values sepa- rated by a comma. The firs ...
110 Chapter 9 our disposal, creating websites that can be viewed at many different sizes and resolutions is going to be much eas ...
10 Color and opaCit y Color in CSS2 was based around the Red, Green, Blue (RGB) model; whether you used hexadecimal or rgb() fun ...
112 Chapter 10 The opacity Property Opacity is, strictly speaking, the measure of an object’s resistance to light— the more opaq ...
Color and Opacity 113 Figure 10-1: The effect of differing opacity values on three identical elements Now, here’s an extremely i ...
114 Chapter 10 between full transparency (0.0) and full opacity (1.0). If you want an ele- ment to have a foreground color of bl ...
Color and Opacity 115 Having established that rgba() is not the same as opacity, let’s see how it works. Being a color value, it ...
116 Chapter 10 In this example, browsers that don’t support RGBA values ignore the second color property and apply the first col ...
Color and Opacity 117 Saturation is the strength or intensity of that color: 0 percent is zero intensity, which makes the color ...
«
2
3
4
5
6
7
8
9
10
11
»
Free download pdf