Shulou(Shulou.com)06/02 Report--

This article mainly introduces how to add stereo shadow effect to Dreamweaver button, which is very detailed and has certain reference value. Friends who are interested must finish reading it!

Effect picture:

1. First of all, use DW to make a button, which can be made by referring to the experience quoted below.

2. Then we add a projection code [box-shadow: 10px 10px 10px # B00000;] to the button style. The values represent left and right distance, upper and lower distance, shadow excess, shadow color, respectively. Let's learn more about the details.

3. After we change the first value to 0 and save it, we can see the effect by refreshing the page, and the shadow moves from the lower right to the lower right.

4. After we change the shadow excess value to 0 and save it, we can refresh the page and see that the shadow does not have excessive special effects.

5. We can change the value of the upper and lower distance to 5px, and we can see that the button is closer in the shadow position.

6. We set the left and right distance and the upper and lower distance to 0, and the shadow is excessively set to 30px. After saving the page to refresh, you can see that there is an excessive shadow around the button.

7. We set the value of the left-right distance to-5px, and we can see that the shadow moves to the left side of the button.

8. The value of the left and right distance remains the same as-5px, and the value of the upper and lower distance is also set to-5px, you can see the shadow above the button.

9. After understanding the code, we set the shadow to [box-shadow: 0px 5px 0 # B00000;], and then add a shadow after the mouse, and the effect is as follows. Does it feel like a stereo button?

The above is all the content of the article "how to add stereo shadow effect to Dreamweaver button". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.