队长这图创意不错！
谢谢水芙蓉支持！{:4_204:}
<style>
.papa {
margin: 0 auto;
margin-top: -302px;
width: 1220px;
height: 676px;
background: tan ;/*url('pic/xcrm1.jpg') no-repeat center/cover;*/
perspective: 1000px;
box-shadow: 4px 4px 28px rgba(0,0,0,.85);
position: relative;
}
.papa>span {
width: 50%;
height: 50%;
transition: all 1s linear;
transform-style: preserve-3d;
position: absolute;
}
.papa>span:hover {
transform: rotateZ(15deg) rotateY(60deg);
box-shadow: 2px 2px 40px rgba(0,0,0,.95);
cursor: pointer;
}
.papa>span:nth-child(1) {
left: 0;
top: 0;
background: url('https://pic.imgdb.cn/item/62c3b7075be16ec74a435086.jpg') 0px 0px;
}
.papa>span:nth-child(2) {
left: 50%;
top: 0;
background: url('https://pic.imgdb.cn/item/62c3b7075be16ec74a435086.jpg') -330px 0px;
}
.papa>span:nth-child(3) {
left: 0;
top: 50%;
background: url('https://pic.imgdb.cn/item/62c3b7075be16ec74a435086.jpg') 0px -172px;
}
.papa>span:nth-child(4) {
left: 50%;
top: 50%;
background: url('https://pic.imgdb.cn/item/62c3b7075be16ec74a435086.jpg') -330px -172px;
}
</style>
<div class="papa">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<audio id="aud" src="https://www.joy127.com/url/91023.mp3" autoplay="autoplay" loop="loop"></audio>
页:
1
[2]