HTML and CSS Reference
In-Depth Information
Figure 6-18. The contain (L) and cover (R) values set on the background-size property.
Notice the accentuated pixelation that occurred when the image was scaled up.
Multiple backgrounds
Added in CSS3 is the ability of the background properties to support having multiple
images specified, which will layer on top of each other inside the background area. The
syntax is easy—separate each image by a comma. For instance, two images, shown in
Figure 6-19 , could be combined using the following:
background-image: url(logo.png) , url(star.png);
Figure 6-19. Two separate images that will be combined using multiple backgrounds
Using this technique will result in the combined pattern shown in Figure 6-20 .
Search WWH ::

Custom Search