剑雨浮生TO冬雨
<style>
#papa {
--state: paused;
margin: 180px 0 0 calc(50% - 631px);
width: 1100px;
height: 680px;
background: gray url('https://pic.imgdb.cn/item/640be725f144a01007521d5c.jpg') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
position: relative;
pointer-events: none;
z-index: 1;
}
#papa::before {
position: absolute;
content: '';
pointer-events: auto;
left: 613px;
top: 300px;
width: 173px;
height:353px;
background:url('https://pic.imgdb.cn/item/640be725f144a01007521d5c.jpg') -613px -300px;
border-radius: 0%;
cursor: pointer;
animation: scale .8s infinite alternate var(--state);
}
@keyframes scale { to { transform: scale(1.08) skew(2deg); } }
</style>
<div id="papa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=286684.mp3" loop autoplay></audio>
</div>
<script>
let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
papa.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('play', () => mState());
aud.addEventListener('pause', () => mState());
</script>
看看怎么浮着生 这歌不错 清舟这个不错，就刚才黑黑哪里看见的那个老头的帽子会动的{:4_178:} 清舟速度的，马上做出来了{:4_171:} 到底是少侠还是贫僧呀{:4_358:} 欣赏佳作，问候清舟。 马黑黑 发表于 2023-3-11 17:47
看看怎么浮着生
昨晚打开能看到了 梦油 发表于 2023-3-11 20:03
欣赏佳作，问候清舟。
梦油晚上好 樵歌 发表于 2023-3-11 19:40
到底是少侠还是贫僧呀
侠完僧了{:4_189:} 小辣椒 发表于 2023-3-11 18:02
清舟这个不错，就刚才黑黑哪里看见的那个老头的帽子会动的
那个贴刚开始俺看不到东西，昨晚终于打开了 绿叶清舟 发表于 2023-3-11 20:25
昨晚打开能看到了
现在也能看到呀 马黑黑 发表于 2023-3-11 20:28
现在也能看到呀
是啊能看到了 绿叶清舟 发表于 2023-3-11 20:28
是啊能看到了
看到的，浮着生的 {:4_199:}很有侠气的贴子，漂亮 绿叶清舟 发表于 2023-3-11 20:28
那个贴刚开始俺看不到东西，昨晚终于打开了
我也是看不见，我是代码复制自己电脑预览看见的 马黑黑 发表于 2023-3-11 20:30
看到的，浮着生的
能看到怎么生都行了 小辣椒 发表于 2023-3-11 20:34
我也是看不见，我是代码复制自己电脑预览看见的
现在打开可以看到了啊 绿叶清舟 发表于 2023-3-11 20:42
能看到怎么生都行了
是的是的 绿叶清舟 发表于 2023-3-11 20:25
梦油晚上好
你好，清舟朋友。
页:
[1]
2