Webpage effect-making css make webpage images translucent

Have you used css? Of course, I mean, if you like web pages, have you used them? Good. Have you used its special effects? No? Come with me. Let me introduce css in a simple way. css does not belong to html. It belongs to the html auxiliary language. Before css is available, the webpage is static, but since css is available, the history of creating a web page is about to be rewritten. css can add a lot of dynamic effects that you cannot imagine to a web page. This is just one of them, because css has many special effects, for example, we will use css to make the image transparent today.
Maybe you will ask, isn't the GIF image transparent? Why is it so troublesome? Hey, can GIF be transparent, but translucent? That is obviously not acceptable, but css is acceptable. Come with me if you want to learn.
If it is completely transparent, it is of little significance. What's important is that it can make the image translucent. Don't you understand? Since it is translucent, anyone who has learned photoshop should know that it is translucent, so that they can show the elements in the image in a half-transparent way! We can use this to achieve a lot of results, such as smoke effects. Of course, if you are willing to use your brains, you may be able to achieve even better results. Today we will only discuss how to set and use this special effect in Dreamweaver 4.
OK. Now, the premise is that you have to enable Dreamweaver 4. The following is the setup procedure: Have you ever used this tool? Dizzy! Download one at www.xsheji.com.
1: In Dreamweaver 4, click window & agrave; css styles (or press shift + f11 on the keyboard) to bring up the css styles window.
2: in the css styles window, click the plus sign in the lower right corner to bring up the new style window. The settings are shown in the following figure:
3: Click OK to bring up a large window, style definition for. clarity. We will set it according to the following figure.
Maybe you have noticed Alpha (Opacity = ?, FinishOpacity = ?, Style = ?, StartX = ?, StartY = ?, FinishX = ?, FinishY = ?) There are a lot of question marks in this piece of code. We need to replace it with parameters. If we don't want to see the code, we will be afraid. It's just a few things. It's not like that after we understand it. For better results, the parameters used to replace question marks cannot be sloppy. Let's look at the meaning of each parameter and continue.
(1): "Opacity" indicates the level of transparency. The value range is 0---100, which actually means the percentage. If you want to change to full transparency, use 0 instead of the question mark after Opacity.
(2): "FinishOpacity" is used to specify the transparency at the end. The range is the same as that of Opacity (FinishOpacity is an optional parameter. Remove it if you don't want it.
(3): "Style" is the shape feature of the specified transparent area. 0 represents a unified shape, 1 represents a linear shape, 2 represents a radiation shape, and 3 represents a rectangle. For example, we can generally write Style = 1.
(4) "startX" and "startY" represent the X and Y coordinates at the beginning of the gradient effect. (do know the coordinates.) generally, we set StartX to 0, startY = 0 (this indicates that the transparency starts from the upper left corner of the image .)