html图片怎么加动画效果,css打造一个动画效果的图片墙

今天我们将开始建立另一个有趣的CSS演示。这次我们将创建一个大的、无缝的照片墙。当用户将鼠标悬停于一个图像,一个透明的黑色渐变效果覆盖在其上面。

Demo:点击这里

HTML代码

第一步我们需要创建一个大概的结构，只需要一个div和无序的列表li。

然后将图片元素放进去，先占着位置。

现在是不是开始有点感觉了？那我们可以添加具体的图片和文字信息了(你想添加什么都可以，不过要保证你的照片规格为320x213)。

• big

  

• small

  

• fast

  

• slow

  

• awesome

  

• convenient

  

• necessary

  

• fun

  

• boring

  

• crazy

  

• boring

  

• small