.container{
width: 960px;
height: 450px;
margin: 60px auto;
position: relative;/*相對定位*/
}
img{
padding: 10px 10px 15px;
background-color: white;
border: 1px solid #dddddd;
width: 270px;
position: absolute;/*相對定位*/
-webkit-transition: .5s;/*轉換時間*/
z-index: 1;
}
img:hover{
-webkit-transform: rotate(0deg);/*鼠標浮動不偏轉*/
-webkit-transform:scale(1.2);/*放大倍數*/
box-shadow:10px 10px 15px #ccc;/*盒子陰影*/
z-index: 2;/*鼠標浮動在最上層*/
}
.pic1{
left: 0;
top:0;
-webkit-transform: rotate(-5deg);/*原始偏轉角度*/
}
.pic2{
left: 250px;
top:-20px;
-webkit-transform: rotate(10deg);
}
照片牆
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.