爱在酒中
<style>
.tiezi {
margin: 30px 0 30px calc(50% - 731px);
width: 1280px;
height: 720px;
background: url('https://p.upyun.com/demo/tmp/DClnhPEy.webp') no-repeat center/cover;
position: relative;
}
#mypic {
padding: 6px;
position: absolute; /* 绝对定位 */
left: 960px; /* 左边位置*/
top: 450px; /* 上边位置 */
font: bold 3em sans-serif;
color: transparent;
background: linear-gradient(to right, cyan, teal, #ff323b, teal, cyan) no-repeat0/200% 100%;
background-clip: text;
--webkit-background-clip: text;
filter: drop-shadow(2px 2px 2px #666);
animation: bgmove 3s linear infinite alternate;
}
@keyframes bgmove { to { background-position: 100% 0; }
}
</style>
<div class="tiezi" >
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=103637" autoplay loop></audio>
<div id="mypic">爱在酒中</div>
</div>
<script>
mypic.onclick = () => {
aud.paused ? aud.play() : aud.pause();
mypic.style.setProperty('--state', aud.paused ? 'paused' : 'running');
};
</script> 沙发我的{:4_173:} 清舟把爱浸在酒里面了{:4_189:} 看见上次岁月的那个酒杯里面的美女，清舟这个图有同工异曲的感觉，酒里面会容易被爱改迷糊{:4_170:} 漂亮的闪光字小播，少了个手型，开始都没注意那个是小播{:4_173:} 画面奇妙，太有想象力了{:4_199:} 清舟喜欢那些穿奇装异服的美女{:4_170:} 清舟好久不见，上来就欣赏到美帖，{:4_199:}{:4_199:} 清舟好久不见，上来就欣赏到美帖，{:4_199:}{:4_199:} 欣赏老师美帖。早上好！{:4_199:} 清舟朋友的爱也在酒里了吧？{:4_172:} 小辣椒 发表于 2024-11-4 21:31
清舟把爱浸在酒里面了
爱人也一起泡酒了{:4_189:} 醉美水芙蓉 发表于 2024-11-4 21:49
欣赏清舟美图！
谢谢芙蓉，晚上好 醉美水芙蓉 发表于 2024-11-4 21:50
那几个字为什么会闪的？用的代码吗？
是啊，小白教程里的代码了 红影 发表于 2024-11-4 22:24
漂亮的闪光字小播，少了个手型，开始都没注意那个是小播
老这样不是少这就是少那了{:4_189:} 冬天的雨 发表于 2024-11-4 22:43
清舟喜欢那些穿奇装异服的美女
那样才有妖气嘛{:4_189:} 冬天的雨 发表于 2024-11-4 22:45
清舟好久不见，上来就欣赏到美帖，
冬雨好，好久不见了 梦江南 发表于 2024-11-5 07:09
欣赏老师美帖。早上好！
谢谢江南，晚上好