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

时间:2024-10-12 07:31:41

1、先编写静态页面(代码如图1),用来显示图片(浏览效果如图2);

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

2、其次在代码的基础上增加css代码(如图),用来给图片增加往两边展开的动画效果;

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

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

利用css实现图片往两边展开的动画效果
© 手抄报圈