祝 清舟生日快乐！
<style>
.papa { margin: 120px 0 0 calc(50% - 781px); width: 1400px; height: 750px; background: url('https://pic.imgdb.cn/item/65d9e68d9f345e8d03252eff.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; z-index: 1; }
#btnplay { position: absolute; width: 110px; height: 110px; left: calc(10% - 20px); top: 550px; mix-blend-mode: normal; filter: hue-rotate(0deg); transition: filter 1s; cursor: pointer; animation: rot 10s linear infinite var(--state); }
#btnplay:hover { filter: hue-rotate(360deg); }
.ipic { position: absolute; bottom: 0; transform: skew(-1.5deg); transform-origin: 50%50%; animation: skew 2s var(--delay) infinite alternate var(--state); }
.ipic:nth-of-type(1) {right: 60px; top: 200px; --delay: -2.5s; opacity: 0.85;}
.ipic:nth-of-type(2) { right: 80px; top: 250px; --delay: -2s;opacity: 0.85; }
.ipic:nth-of-type(3) { transform-origin: 50%80%; left: 400px; top: 150px; --delay: -1.5s; }
#dongtu { position: absolute; left: 150px; top: 480px; opacity: 0.85;}
#vid { position: absolute; width: 100%; height: 110%;top: -10%; opacity: 0.55; object-fit: cover; aspect-ratio: 1;pointer-events: none; mix-blend-mode: screen; }
@keyframes rot { to { transform: rotate(1turn); } }
@keyframes skew { to { transform: skew(1.5deg); transform: scale(1.15);} }
</style>
<div class="papa">
<audio src="https://music.163.com/song/media/outer/url?id=29789745" autoplay loop></audio>
<video id="vid" src="https://img.tukuppt.com/video_show/2269348/00/14/17/5e1ca9303ecc7.mp4" autoplay loop muted oncontextmenu="return false"></video>
<img class="ipic" src="https://pic.imgdb.cn/item/65d9e6df9f345e8d03261e4d.png" alt="" />
<img class="ipic" src="https://pic.imgdb.cn/item/65d9e6df9f345e8d03261e4d.png" alt="" />
<img class="ipic" src="https://pic.imgdb.cn/item/65d9e6c89f345e8d0325db46.png" alt="" />
<img id="btnplay" src="https://pic.imgdb.cn/item/65d9e6fb9f345e8d032671e1.png " alt="" title="play" />
</div>
<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js/mpku_simple.js';
document.querySelector('body').appendChild(sf);
</script> 本帖最后由 大猫咪 于 2024-2-24 21:06 编辑
清舟生日快乐！永远快乐！@緑叶清舟
{:4_171:}{:4_176:}{:4_179:}{:4_177:}
猫没有好好学习黑黑的代码，套用红影的贺帖，做一个，感谢红影的精美制作{:4_171:}{:4_204:}{:4_179:} https://pic.imgdb.cn/item/5fddc7c33ffa7d37b383b033.gif{:4_334:} 舟舟生日快乐！舟舟及猫猫节日快乐！ 元宵节是清舟生日呀，祝福清舟生日快乐！ 猫猫聪明，这制作好漂亮啊{:4_199:} 借猫猫好帖，同祝清舟生日快乐{:4_177:} 猫咪朋友早晨好！借你的美帖祝清舟生日快乐。 别看猫咪不长来，可代码一点没拉下，这贴做得极为喜庆。
借猫美贴贺清舟生日快乐！ 分一块蛋糕吃，祝福青舟生日快乐 谢谢猫，代码玩得溜啊{:4_191:} 岁月·如歌 发表于 2024-2-24 21:19
舟舟生日快乐！舟舟及猫猫节日快乐！
谢谢岁月，一起快乐了{:4_191:} 友昕 发表于 2024-2-24 22:27
元宵节是清舟生日呀，祝福清舟生日快乐！
正月十七才是了{:4_173:}谢谢友昕{:4_191:} 红影 发表于 2024-2-24 22:35
借猫猫好帖，同祝清舟生日快乐
谢谢影，猫现在越来越厉害了 梦油 发表于 2024-2-25 08:45
猫咪朋友早晨好！借你的美帖祝清舟生日快乐。
谢谢梦油蛋糕不给你了来吃口面{:4_173:} 樵歌 发表于 2024-2-25 11:57
别看猫咪不长来，可代码一点没拉下，这贴做得极为喜庆。
借猫美贴贺清舟生日快乐！
是啊偷偷在玩呢，谢谢樵歌 四海八荒 发表于 2024-2-25 13:07
分一块蛋糕吃，祝福青舟生日快乐
谢谢四海蛋糕必须的{:5_166:} 绿叶清舟 发表于 2024-2-25 14:44
谢谢梦油蛋糕不给你了来吃口面
好啊，长寿面嘛！谢谢你了。{:5_108:} 绿叶清舟 发表于 2024-2-25 14:41
谢谢影，猫现在越来越厉害了
是啊，上次也有个帖子，看得特别惊艳呢。猫猫的本事见长了{:4_173:}