QQ客服
当前位置 : 首页 > 代码 > html5 css3 > css3实例 > css3水平的图片手风琴特效

css3水平的图片手风琴特效

css3 transition属性制作宽屏的鼠标悬停图片手风琴展开收缩特效。
www.28365365.com,bet28365365体育投注,bet28365365娱乐场

使用方法:

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>
下载素材后进行评论,每个素材只能评论一次。
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×
www.28365365.com

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了