Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
body {
	background:#CCCCCC;
}
img {
	height:100px;
	display:block;
	border:4px solid white;
	border-radius:5px;
}
div {
	margin:30px auto;
	width:97%;
}
.demo1 {
	-webkit-transform:rotate(20deg);
}
.demo2 {
	position:absolute;
	top:40px;
	left:150px;
	-webkit-transform:rotateZ(-10deg);
}
.demo3 {
	position:absolute;
	top:40px;
	left:298px;
	-webkit-transform:rotate(10deg);
}
.demo4 {
	position:absolute;
	top:40px;
	left:450px;
	-webkit-transform:rotate(-10deg);
}
.demo5 {
	position:absolute;
	top:40px;
	left:600px;
	-webkit-transform:rotate(10deg);
}
.demo6 {
	position:absolute;
	top:40px;
	left:750px;
	-webkit-transform:rotate(-10deg);
}
.demo7 {
	position:absolute;
	top:40px;
	left:900px;
	-webkit-transform:rotate(10deg);
}
.demo8 {
	position:absolute;
	top:40px;
	left:1050px;
	-webkit-transform:rotate(-10deg);
}
img:hover {
	transform:rotateZ(5deg);
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

相册墙纯css3

0