HTML and CSS Reference
In-Depth Information
O
NLINE
http://htmlref.com/ch6/gradient.html
Compatibility
No specification
Chrome 3+, Safari 4+
Notes
• In WebKit-based browsers this property is specified as
-webkit-gradient
.
• Generated gradients can be used anywhere that an image URL is specified.
image-rendering
This property defines the resampling method to use when stretching images.
Syntax
image-rendering:
auto | inherit | optimizeSpeed | optimizeQuality
where the default value
auto
uses a bilinear resampling scheme to provide high quality
with decent speed, a value of
optimizeQuality
emphasizes quality over speed, and
optimizeSpeed
renders quickly with some loss of quality in the resample.
Examples
<!-- zoom in browser to see effect -->
<img src="star.png">
<img src="star.png" style="image-rendering: optimizeQuality; interpolation-
mode:bicubic;">
<img src="star.png" style="image-rendering: optimizeSpeed; interpolation-
mode:nearest-neighbor;">