1  2  3  4 
      5      6     
      7  8  9     
     
      
     
10     
     
      
     
11     
     
      
     
12     
     
      
     
13     
     
      
     
14     
     
      
     
15     
     
      
     
16     
     
      
     
17     
     
      
     
18 19 

1 .pic img{ 2     width:100px; 3     border:solid 2px #fff; 4     border-radius:12px; 5     cursor:pointer; 6 } 7 body{ 8     background-color:#ed9898; 9 }10 .pic{11     position:absolute;12 }13 .pic1{14     transform:rotate(30deg);15     top:100px;16     left:100px;17 }18 .pic2{19     transform:rotate(-30deg);20     top:150px;21     left:150px;22 }23 24 .pic3{25     transform:rotate(40deg);26     top:180px;27     left:180px;28 }29 30 .pic4{31     transform:rotate(-20deg);32     top:100px;33     left:230px;34 }35 36 .pic5{37     transform:rotate(-40deg);38     top:230px;39     left:180px;40 }41 42 .pic6{43     transform:rotate(34deg);44     top:140px;45     left:250px;46 }47 48 .pic7{49     transform:rotate(55deg);50     top:90px;51     left:350px;52 }53 54 .pic8{55     transform:rotate(-22deg);56     top:240px;57     left:450px;58 }59 60 .pic9{61     transform:rotate(-24deg);62     top:80px;63     left:250px;64 }65 .pic:hover{66     transform:rotate(0deg) scale(1.5);/*0度归位*/67     transition:transform ease 1s;68     z-index:2;/*默认是1，大的数字在上面*/69 }