默-那英
<style>
#mydiv { margin: 30px 0 30px calc(50% - 721px); width: 1280px; height: 720px; background: url('https://pic.imgdb.cn/item/6745c9f1d0e0a243d4d16fff.jpg') center/cover; box-shadow: 03px 3px 6px #333; display: grid; place-items: center; position: relative; }
#svg1 { position: absolute; top: 76%; cursor: pointer; filter: hue-rotate(0deg) drop-shadow(0 0 4px black); transition: 1s; }
#svg1:hover { filter: hue-rotate(200deg) drop-shadow(0 0 4px black); }
</style>
<div id="mydiv">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=31473269" autoplay loop></audio>
<svg id="svg1" width="100" height="100" viewBox="0 0 200 200" fill="none" stroke="#00ffff" stroke-width="3" stroke-dasharray="2 6 2"></svg>
</div>
<script>
var ww = mydiv.offsetWidth;
var sc = document.createElement('script');
sc.src = 'https://638183.freep.cn/638183/web/api/fullscreen.js';
sc.charset = 'utf-8';
document.body.appendChild(sc);
sc.onload = () => FS({papa: '#mydiv', css: 'bottom: 20px; --fsBg: #eeeeee90; --color: #336699;'});
var observer = new ResizeObserver((elms) => {
var cr = elms.contentRect;
svg1.style.transform = `scale(${cr.width / ww * 1.2})`;
});
mState = () => aud.paused ? (tz.style.setProperty('--state', 'paused'), hsvg.pauseAnimations()) : (tz.style.setProperty('--state', 'running'), hsvg.unpauseAnimations());
drawCircles = (num) => {
let circlecode = '', anicode = '';
Array(num).fill(0).forEach((c,k) => {
c = k + 1;
let bstr = k > 0 ? `ani${k}.begin+${k * 3 / num}s` : '0s';
let color = `#${Math.random().toString(16).substring(2,8)}a0`;
circlecode += `<circle id="cc${c}" cx="100" cy="100" r="0" stroke="${color}" transform="rotate(${360 / num * k} 100 100)"></circle>`;
anicode += `<animate xlink:href="#cc${c}" attributeName="r" values="0;90;0" dur="20s" repeatCount="indefinite" id="ani${c}" begin="${bstr}"></animate>`;
});
return circlecode + anicode;
};
svg1.innerHTML = drawCircles(10);
observer.observe(mydiv);
aud.onplaying = aud.onpause = () => aud.paused ? svg1.pauseAnimations() : svg1.unpauseAnimations();
svg1.onclick = () => aud.paused ? aud.play() : aud.pause();
</script> 那英能默刀郎就不会沉寂那么多年了 马黑黑 发表于 2024-11-27 20:29
那英能默刀郎就不会沉寂那么多年了
刀郞也够狠的了，把人骂得都不敢回应的 那英很久没出来演唱了。 https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif 绿叶清舟 发表于 2024-11-27 20:32
刀郞也够狠的了，把人骂得都不敢回应的
将心比心吧。刀郎取得巨大成功时，是谁以官方的名义打击谁 马黑黑 发表于 2024-11-27 21:24
将心比心吧。刀郎取得巨大成功时，是谁以官方的名义打击谁
还有这事啊，那英说农民工那句话的那个节目我正好看过，艺人们相互玩笑时脱口而出的，其他的就不知道了 梦油 发表于 2024-11-27 20:43
那英很久没出来演唱了。
年纪大了幕后去了吧 起个网名好难 发表于 2024-11-27 21:19
谢谢网名支持 哇，这个好漂亮啊，小播还会变大变小呢，图图制作和标题字也好奇妙。
欣赏清舟好帖{:4_199:} 那人物像是能发光的，文字设计也像能发光的。清舟对色彩的运用真是出神入化啊{:4_199:} 这首默我N年前分享过，那时候是分享的高音质，清舟这首好像是翻唱？ 清舟的图图总是让人眼睛一亮，另类的{:4_170:} 绿叶清舟 发表于 2024-11-27 21:29
还有这事啊，那英说农民工那句话的那个节目我正好看过，艺人们相互玩笑时脱口而出的，其他的就不知道了
这不是玩笑，而且有后续，拉拢一帮人极尽所能打击刀郎，刀郎才选择沉寂
意境唯美，视听盛宴，谢谢绿叶清舟版主精彩分享{:4_204:} 绿叶清舟 发表于 2024-11-27 21:31
年纪大了幕后去了吧
是啊，那些流行歌手现在出来的不多。 红影 发表于 2024-11-27 21:37
那人物像是能发光的，文字设计也像能发光的。清舟对色彩的运用真是出神入化啊
PS里要得到这效果很容易的了，这个字本来只是黑色的 梦油 发表于 2024-11-28 14:37
是啊，那些流行歌手现在出来的不多。
好的制作人都老了，年轻的一代没人跟上，好歌也基本没有了 杨帆 发表于 2024-11-27 23:16
意境唯美，视听盛宴，谢谢绿叶清舟版主精彩分享
谢谢杨帆支持，晚上好 马黑黑 发表于 2024-11-27 22:12
这不是玩笑，而且有后续，拉拢一帮人极尽所能打击刀郎，刀郎才选择沉寂
这是跟他有仇啊