Tag: Type over white ack char body index relative query
<!doctype html>
<meta charset= "Utf-8" >
<title>css photo Wall </title>
<script src= "Http://libs.baidu.com/jquery/1.11.3/jquery.min.js" ></script>
<style>
@charset "Utf-8";
Body {
Background:gainsboro;
}
. div_pic {
width:900px;
height:450px;
margin:60px Auto;
}
. P {
/ * Inner margin * /
padding:10px 10px 10px;
Background:white;
/ * background * /
/ * Move left, Move Down, blur * /
box-shadow:5px 5px 4px rgba (50,50,50,0.5);
width:150px;
/ * Relative positioning * /
position:relative;
}
/* Tilt angle per picture */
. p1 {
transform:rotate ( -5deg);
}
. p2 {
transform:rotate (9deg);
}
. p3 {
transform:rotate (14deg);
}
. p1 {
transform:rotate (2deg);
}
. P4 {
transform:rotate ( -3deg);
}
. P5 {
transform:rotate (8deg);
}
. P6 {
transform:rotate (2deg);
}
. P7 {
transform:rotate ( -1deg);
}
. P8 {
transform:rotate (1deg);
}
. p9 {
transform:rotate ( -5deg);
}
. div_pic Img:hover {
/ * Turn angle back to 0*/
transform:rotate (0deg) scale (1.5);
Z-index:9;
}
</style>
<body>
<div class= "Div_pic" >
</div><script>
</script>
</body>
CSS Photo Wall