css3 transition属性制作宽屏的鼠标悬停图片手风琴展开收缩特效。

使用方法

1、head引入css文件

<link rel="stylesheet" href="css/style.css">

2、body引入HTML代码

<div class="container">
	<div class="box">
		<img src="img/1000x800.jpg">
		<span>CSS</span>
	</div>
	<div class="box">
		<img src="img/1000x802.jpg">
		<span>Image</span>
	</div>
	<div class="box">
		<img src="img/1000x804.jpg">
		<span>Hover</span>
	</div>
	<div class="box">
		<img src="img/1000x806.jpg">
		<span>Effect</span>
	</div>
</div>

资源出处：https://www.moyublog.com/codes/9467.html