HTML网页淡入淡出特效怎样实现

1、如图，先在HTML页面中书写如下代码，进行页面布局。这里我是布局为两个按钮和一个div。

2、接着我们预览看看效果，可以看到有“淡入”和“淡出”两个按钮。而div因为我没有设置样式，所以和页面颜色一致，看不出效果。

3、接着我们设置div样式，方便查看效果。如图，通过width设置宽，通过height设置高，background设置背景颜色。

4、接着再来看看效果，这次div就清晰的被我们看见了。