小河淌水
本帖最后由 马黑黑 于 2022-7-23 10:07 编辑 <br /><br /><style>#papa { left: -322px; width: 1242px; height: 640px; display: flex; align-items: center; box-shadow: -20px 20px 30px rgba(0,0,0,.95); perspective: 2000px; position: relative; }
.bgImg { position: absolute; width: 621px; height: 640px; left: 0; top: 0; box-reflect: right; -webkit-box-reflect: right; }
.contImg { position: absolute; width: 400px; box-shadow: -20px 20px 30px rgba(0,0,0,.85); transform-style: preserve-3d; transition: 1s; animation: down 4s linear 2; }
.contImg:hover { cursor: pointer; opacity: 0; transform: rotateZ(25deg); }
.cont1 { left: 10px; transform: rotateY(45deg); }
.cont2 { left: 420px; }
.cont3 { left: 830px; transform: rotateY(-45deg); }
</style>
<div id="papa">
<img class="bgImg" src="https://638183.freep.cn/638183/t22/51/dzbg.jpg" alt="" />
<img class="contImg cont1" src="https://638183.freep.cn/638183/t22/51/dz1.jpg" alt ="" />
<img class="contImg cont2" src="https://638183.freep.cn/638183/t22/51/dz2.jpg" alt ="" />
<img class="contImg cont3" src="https://638183.freep.cn/638183/t22/51/dz3.jpg" alt ="" />
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=5271272.mp3" autoplay="autoplay" loop="loop"></audio>
漂亮的小孔雀。{:4_199:} 没有听见音乐呢？{:4_203:} 加林森 发表于 2022-7-23 09:56
没有听见音乐呢？
不会吧？这是网易云的音乐 马黑黑 发表于 2022-7-23 10:00
不会吧？这是网易云的音乐
真的没有听见。 加林森 发表于 2022-7-23 10:01
真的没有听见。
我再我的两台电脑上试过都成，手机也可以的。
好吧，我去换换方式。 加林森 发表于 2022-7-23 10:01
真的没有听见。
你再打开看看，这回不用JS，一切放在HTML代码里 中间的菇凉额头有颗小痣，我还以为是我的显示器有了坏点{:5_117:} 好曲、好图、好美人、千变万化的好制作，
{:4_199:}{:4_199:}{:4_199:} 马黑黑 发表于 2022-7-23 10:06
我再我的两台电脑上试过都成，手机也可以的。
好吧，我去换换方式。
嗯嗯。 马黑黑 发表于 2022-7-23 10:07
你再打开看看，这回不用JS，一切放在HTML代码里
现在有音乐了。 加林森 发表于 2022-7-23 10:16
现在有音乐了。
这有点怪额 梦油 发表于 2022-7-23 10:09
好曲、好图、好美人、千变万化的好制作，
这个是很简单的吧 马黑黑 发表于 2022-7-23 10:24
这有点怪额
是什么原因呢？{:4_203:} 加林森 发表于 2022-7-23 10:41
是什么原因呢？
不知道。我的三台设备能正常 黑黑是图图千姿百态的，各种样式的代码都出来了{:4_178:} 这种美女淘宝很难找的{:4_170:} 马黑黑 发表于 2022-7-23 10:45
不知道。我的三台设备能正常
真奇怪。 马黑黑 发表于 2022-7-23 10:24
这个是很简单的吧
难者不会，会者不难。 明明是美人前拥后挤，偏要说小河流水，哈哈哈{:4_196:}