秋酿
本帖最后由 绿叶清舟 于 2024-11-15 20:53 编辑 <br /><br /><style>#mydiv { margin: 30px 0 30px calc(50% - 733px); width: 1280px; height: 720px; background: url('https://pic.imgdb.cn/item/6735f394d29ded1a8cae546b.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px gray; z-index: 1; position: relative; --state: running; }
#msvg { position: absolute; left: 160px; top: 60%; cursor: pointer; animation: rot 10s linear infinite var(--state); }
#msvg polyline { stroke-dasharray: 4; stroke-dashoffset: 0; transition: 1s; animation: flash 6s linear infinite var(--state); }
#msvg:hover polyline { stroke: #a1381b; }
#vid { position: absolute; width: 100%; height: 100%; object-fit: cover; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; }
#fsbtn { position: absolute; left: 50%; bottom: 15px; color: white; padding: 4px 6px; border: 2px solid snow; border-radius: 8px; user-select: none; cursor: pointer; transition: .5s; }
@keyframes flash { to { stroke-dashoffset: 160; } }
@keyframes rot { to { transform: rotate(-360deg); } }
</style>
<div id="mydiv">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=30635613" autoplay loop></audio>
<video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/08/29/17/22/02/video64edb8ba412ef.mp4" autoplay loop muted></video>
<svg id="msvg" width="100" height="100"></svg>
<span id="fsbtn"></span>
</div>
<scripttype="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
var dr = Dr.dr('msvg');
dr.symbol('sb', '0, 0, 100, 100');
var tt = 20;
for(var i = 0; i < tt; i ++) {
dr.polyline('30 5, 50 50, 70 5', 'none', '#fec5b1',1).transform(`rotate(${360 / tt * i} 50 50)`).addTo('sb');
}
dr.use('#sb');
msvg.onclick = () => {
msvg.style.setProperty('--state', ['paused','running'][+aud.paused]);
aud.paused ? (aud.play(), vid.play(), msvg.unpauseAnimations()) : (aud.pause(), vid.pause(), msvg.pauseAnimations());
};
fscreen.fs('mydiv', 'fsbtn');
aud.play().catch(_ => dr.svg.style.setProperty('--state', 'paused'));
</script> 美，味。这个可以大大滴有。{:4_190:}{:4_203:} 樵歌 发表于 2024-11-15 18:56
美，味。这个可以大大滴有。
樵歌来了啊，是不是闻到酒香味了{:4_189:} 醉美水芙蓉 发表于 2024-11-15 19:46
欣赏清舟美女精彩单图！
谢谢芙蓉，晚上好 绿叶清舟 发表于 2024-11-15 19:24
樵歌来了啊，是不是闻到酒香味了
香味{:4_189:}都传了三千多里了呢 金秋酿的美酒最香醇。 欣赏老师带来的美帖！问好！ 清舟这个图图太美了，这美女估计不会喝酒的{:4_170:} 肯定在想请谁帮忙代喝为好，小辣椒悄悄给她发个信息让某美女去帮忙，酒仙出来一定摆平了{:4_189:} 欣赏清舟好制作，不但图有看头，歌曲也是好听，必须赞的{:4_199:} 樵歌 发表于 2024-11-15 20:38
香味都传了三千多里了呢
那俺得沿途收费去{:4_189:} 梦油 发表于 2024-11-15 21:06
金秋酿的美酒最香醇。
今年做葡萄酒的时机过了，以前自己酿过 梦江南 发表于 2024-11-16 09:06
欣赏老师带来的美帖！问好！
谢谢江南，晚上好 小辣椒 发表于 2024-11-16 15:18
清舟这个图图太美了，这美女估计不会喝酒的
辣椒晚上好，不会喝但有点馋{:4_189:} 小辣椒 发表于 2024-11-16 15:21
肯定在想请谁帮忙代喝为好，小辣椒悄悄给她发个信息让某美女去帮忙，酒仙出来一定摆平了
请辣椒帮个忙吧{:4_189:} 绿叶清舟 发表于 2024-11-16 21:16
今年做葡萄酒的时机过了，以前自己酿过
哎呦，你还有这本事呐！真棒！{:5_116:} 绿叶清舟 发表于 2024-11-16 21:15
那俺得沿途收费去
钱钱得分我一点哈{:4_189:} 梦油 发表于 2024-11-17 10:29
哎呦，你还有这本事呐！真棒！
都说葡萄酒怎么怎么好的就自己弄了，买来了都不知道添加了些啥的了 樵歌 发表于 2024-11-17 13:20
钱钱得分我一点哈
一点怎么够啊，咱平分吧{:4_189:}