口哨音乐欣赏（学习套用黑黑命运之夜三叶草按钮）
<style>
#papa { margin: 150px 0 10px calc(50% - 781px); width: 1400px; height: 711px; background: url('https://xlaj.cn/assets/file/zp/20240418200524.jpg'); box-shadow: 2px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; }
#papa::before { position: absolute; content: ''; left: 250px; top: 200px; width: 32px; height: 32px; background: url('https://xlaj.cn/assets/file/zp/20231112124430.jpg') no-repeat center/cover; }
#play { position: absolute; left: 425px;width: 300px; bottom: 160px; border-radius: 20%; cursor: pointer; animation: rot 10s linear infinite var(--state); }
.vid { position: absolute;left: -50px; bottom: 30; width: 30%; height: calc(30% + 60px); object-fit: cover; mix-blend-mode: screen; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="papa">
<audio id="aud" src="https://wj1.zp68.com:812/lxx/yunhua/20200319/yy/05.mp3" autoplay loop></audio>
<video class="vid" src="https://lk999.oss-cn-guangzhou.aliyuncs.com/xxsx.mp4" muted autoplay loop></video>
<img id="play" src="https://xlaj.cn/assets/file/zp/20240418200557.png" alt="" />
</div>
<script>
let vids = document.querySelectorAll('.vid');
var mState = () => {
papa.style.setProperty('--state', ['running','paused'][+aud.paused]);
playvideo(!aud.paused);
};
var playvideo = (flag) => vids.forEach(vid => flag ? vid.play() : vid.pause());
aud.onplaying = aud.onpause = () => mState();
play.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>
@马黑黑
黑黑 小辣椒做完，刚发现又有新的了，好在昨天做了二个，一个红按钮，一个緑按钮，感觉緑的漂亮，就上传了这个，还有一个看看修改一下明天发了 看见月月说套用万岁，笑S了，套用就是轻松一点{:4_173:}@南无月
小辣椒套用玩一个
图图好看，哨声悠扬{:4_174:} 左上的水仙还以为是动图，原来是视频呢。
亲爱的制作的按钮颜色调配真漂亮，和背景很相配。音乐也好听。欣赏亲爱的好帖{:4_199:} 画面清净淡雅，真美{:4_187:} 樵歌 发表于 2024-4-18 20:51
图图好看，哨声悠扬
樵哥哥，我也是喜欢口哨音乐，非常好听 红影 发表于 2024-4-18 20:55
左上的水仙还以为是动图，原来是视频呢。
亲爱的制作的按钮颜色调配真漂亮，和背景很相配。音乐也好听。欣 ...
亲爱的，视频我不敢全屏用，手机有时候会看不见，我自己看得见，别人老说看不见，这样小范围的视频点缀一下，也是蛮漂亮的 红影 发表于 2024-4-18 20:56
画面清净淡雅，真美
亲爱的，刚看见你的那个帖才漂亮呢，各种效果一起上去了，我就套用玩玩的 真好听，很有韵味。 我就是欣赏，美的东东都爱。 https://s3.bmp.ovh/imgs/2023/05/24/d90e46c0779fdc6b.gif 小辣椒 发表于 2024-4-18 20:57
樵哥哥，我也是喜欢口哨音乐，非常好听
好听。有首“阿，朋友再见”也好听呢，游击队歌好有音律好听。 清新雅致，好作品 小辣椒 发表于 2024-4-18 20:58
亲爱的，视频我不敢全屏用，手机有时候会看不见，我自己看得见，别人老说看不见，这样小范围的视频点缀一 ...
奇怪，你给看的人都是手机看的啊。{:4_173:} 小辣椒 发表于 2024-4-18 21:06
亲爱的，刚看见你的那个帖才漂亮呢，各种效果一起上去了，我就套用玩玩的
我那也一样是套用的，咱们玩的都是黑黑的代码啊{:4_173:} 挺不错的。 小辣椒 发表于 2024-4-18 20:27
看见月月说套用万岁，笑S了，套用就是轻松一点@南无月
小辣椒套用玩一个
小辣椒你真的好快呀，
图做得真美 ，加上这个转动小播效果真是绝了。。
清新雅致，春天气息扑面而来。。。
真是太喜欢你的作品了。。{:4_199:}
页:
[1]