CSS实现图片渐显效果

本文介绍如何通过CSS实现图片渐显效果。

1、 创建div并插入图片。

2、 根据个人喜好设置div的CSS样式。

3、 设置图片的CSS样式，初始状态为透明，将透明度调整为0。

4、 创建动画关键帧，起始透明度设为0，结束时调整为1。

5、 为图片添加动画效果并调整相关参数。

6、 源码及运行效果见下文。

7、 动画各属性的含义解析。