Source: http://www.html5china.com/css3/20111124_2894.html
Gradient allows you to create effects similar to the rainbow. browsers of earlier versions do not enable developers to use images. css3 will easily implement webpage gradient effects.
To
GradientFirst, Linear Gradient1 Linear gradient FormatLinear-gradient ([ | | Can only be used on the background2 IE filter:progid:DXImageTransform.Microsoft.gradient (startcolorstr= ' #ffffff ', endcolorstr= ' #ff0000 ', Gradienttype= ' 1 ');3
This article connects: http://blog.csdn.net/tomorrow13210073213/article/details/42453769Reprint please indicate the sourceHTML5 's canvas provides us with a gradient effect similar to the Linear-gradient attribute definition in CSS3, which allows
Gradient effect:
Steps:
1. Open a figure and a fish map, as shown in the following figure.
2. Switch to the character image, open the Layers panel, and then double-click the background layer in the Panel, pop-up a dialog box, click the "Good"
Let's start with IE. This is the largest user group. If this part cannot be developed, you can say you don't need to do it. Although IE has a Gradient filter, its implementation is very weak compared with other browsers. There is no stop-color
Another powerful tool for IE is VML. Although it is not comparable to SVG, it is still very powerful. In terms of gradient implementation, its fill is much more powerful than IE's Gragient filter. However, VML appeared earlier and only a few color
The idea of creating a picture for a gradient is inflexible and will soon become a bad practice. Unfortunately, as of this article, it may be necessary to do so, but hope will not last too long. Thanks to Firefox and Safari/chrome, we can now use
Web page Production WEBJX article introduction: webkit update for CSS3 gradient style syntax.
Before, I in front of the observation published a " understanding of CSS3 linear gradient ", I believe many students have studied CSS3 gradient,
The functions provided in the previous section have completely implemented cross-browser functions. However, the implementation of IE is extremely poor, using multiple tables and filters that have always been criticized. Another powerful tool for IE
The idea of removing the linear gradient background is to use color overlay .We know that the color in the computer is represented by RGB, if the RGB color of a pigment is (A1,A2,A3), then the pixel is mixed with a (255-A1,255-A2,255-A3) color, the
Let's start with IE. This is the largest user group. If this part cannot be developed, you can say you don't need to do it. Although IE has a Gradient filter, its implementation is very weak compared with other browsers. There is no stop-color
Let's take a look at it first:In fact, it is a linear gradient of color, which can be easily achieved using Cagradientlayer. Because the code is very simple, do not do too much to explain, look directly at the code bar.1 Import UIKit2 3
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.