Dreamweaver tips -- make 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.

1: In Dreamweaver 4, click window à 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 you don't see the code, you will be afraid,