利用css实现图片往两边展开的动画效果

　　本文介绍利用css实现图片往两边展开的动画效果，详细步骤如下。

工具/原料

联想16p锐龙版

Windows10

SublimeText3

方法/步骤

1、先编写静态页面（代码如图1），用来显示图片（浏览效果如图2）；

2、其次在代码的基础上增加css代码（如图），用来给图片增加往两边展开的动画效果；

3、最后用浏览器运行页面，动画效果如下。