我的心里只有你没有她 TO：清舟生日快乐！
<style>
#papa {
margin: 150px 0 0 calc(50% - 781px);
width: 1400px;
height: 859px;
background:
url('https://pic.imgdb.cn/item/65d9fc819f345e8d03721e81.jpg') no-repeat center/cover,
url('https://xlaj.cn/assets/file/zp/20240222203520.gif') no-repeat 78% 0,
url('https://pic.imgdb.cn/item/65d9fcd49f345e8d037338fe.gif') no-repeat 110% 80%;
background-blend-mode: multiply, multiply;
box-shadow: 3px 3px 20px #000;
border: thick double Cornislk;
pointer-events: none;
z-index: 1;
position: relative;
}
#papa::before {
position: absolute;
content: '';
inset: 580px 1120px 100px 100px;
background: url('https://pic.imgdb.cn/item/65d9fdca9f345e8d0376857e.png') no-repeat center/cover;
border-radius: 70%;
box-shadow: inset 1000 0 40px rgba(255,0,0,.6), 0 0 12px rgba(0,0,0,.4);
filter: invert(0.2);
cursor: pointer;
pointer-events: auto;
transition: filter .75s;
animation: turn 6s linear infinite var(--state);
}
#papa:hover::before { filter: unset; }
@keyframes turn { to { transform : rotate(1turn); } }
#papa video { position: absolute; top: 0px; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: color-dodge; opacity: .25; }
#dt1{ position: absolute; width:140px; height: 164px; left: 900px; top: 50px; }
#dt2{ position: absolute; width:550px; height: 300px; left: 200px; top: -40px; }
#dt3{ position: absolute; width:387px; height: 233px; left: 700px; top: 350px; }
</style>
<div id="papa">
<img id="dt1" src="https://xlaj.cn/assets/file/zp/20240222203520.gif " />
<img id="dt2" src="https://pic.imgdb.cn/item/65d9fceb9f345e8d037388ba.gif" />
<img id="dt3" src="https://pic.imgdb.cn/item/65d9fcff9f345e8d0373cdce.gif" style="position: absolute; mix-blend-mode: multiply;rotate(360deg); " />
<video src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/6d5e65d5535209ab6e36dc73596bbb1b_preview.mp4" loop muted></video>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=35023262" autoplay loop></audio>
<script>
let sFile = document.createElement('script');
sFile.src = 'https://638183.freep.cn/638183/web/api/lrc.js';
sFile.charset = 'utf-8';
document.head.appendChild(sFile);
sFile.onload = () => {
LRC({
papa: '#papa',
lrcAr: geci,
btn: '#before',
lrc_css: 'left: 55%; transform: translate(-50%);bottom: 60px; font-size: 2.2em;--bg: linear-gradient(rgba(255,165,0,.5),rgba(255,165,0,.25)); color: Snow;',
});
};
let geci = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
(function() {
let mState = () => {
aud.paused ? (mypic.style.setProperty('--state','paused'), vid.pause()) : (mypic.style.setProperty('--state','running'), vid.play());
};
aud.addEventListener('playing', mState, false);
aud.addEventListener('pause', mState, false);
mypic.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>
<script>
var mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' :'running');
aud.addEventListener('playing', mState);
aud.addEventListener('pause', mState);
papa.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>
<br><br><br> @緑叶清舟
清舟，生日贺帖比别人送迟了{:4_170:}
反正没有到的{:4_172:} 谢谢小辣椒，你懂的{:4_170:}{:4_179:} 冬雨最近特别忙，小辣椒给了马老师源码，冬雨就套用了一个，感谢老师分享源码{:4_187:} 清舟这个图你肯定很眼熟的{:4_170:} 哇，那个奔跑的美女就是清舟吧，都被拍摄下来了呢{:4_187:} 刚才，仔细看了小辣椒做的，和马老师的分享，冬雨是凑数了，向你们学习@马黑黑 红影 发表于 2024-2-26 22:58
哇，那个奔跑的美女就是清舟吧，都被拍摄下来了呢
美女就你火眼金睛{:4_170:} 冬小雨的制作好棒啊，无论是按钮还是画面都很棒。厉害了。
借冬小雨好帖同祝清舟生日快乐{:4_199:} 红影 发表于 2024-2-26 23:00
冬小雨的制作好棒啊，无论是按钮还是画面都很棒。厉害了。
借冬小雨好帖同祝清舟生日快乐
小辣椒给的样子，冬雨稍微修改了一下 冬天的雨 发表于 2024-2-26 23:02
小辣椒给的样子，冬雨稍微修改了一下
这个很棒呢，给冬小雨点赞{:4_187:} 冬天的雨 发表于 2024-2-26 23:00
美女就你火眼金睛
那么明显的呢{:4_170:} 红影 发表于 2024-2-26 23:03
这个很棒呢，给冬小雨点赞
得到美女领导的赞扬，冬雨受宠若惊{:4_170:} 红影 发表于 2024-2-26 23:04
那么明显的呢
小辣椒给的图片 漂亮的制作 欣赏冬雨的精彩制作{:4_199:} 借冬雨的美帖祝清舟生日快乐！@緑叶清舟 谢谢冬雨这么忙还赶着制作，拿着手机的手是你的吗{:4_173:} 小辣椒 发表于 2024-2-27 17:39
借冬雨的美帖祝清舟生日快乐！@緑叶清舟
谢谢辣椒，俺来了 冬天的雨 发表于 2024-2-26 22:33
@緑叶清舟
清舟，生日贺帖比别人送迟了
谢谢冬雨，日子没过都不算迟{:4_189:}
页:
[1]
2