傲雷影儿 发表于 2025-8-1 11:04

【影.印记】军歌嘹亮军旗红 ▏代码学习 盛世耀军魂

盛世耀军魂
<br>

制作/傲雷影儿<br>

<style>
    @import 'https://638183.freep.cn/638183/web/css/tz01.css';
    #pa { --offsetX: 81px; --bg: url('https://www.junzhuan.com/data/attachment/album/202508/01/104606j2mtul2unuc8zpfu.jpg') no-repeat center/cover; --ma-size: 20%; }
    #ma::before, #ma::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url('https://www.junzhuan.com/data/attachment/album/202508/01/105023rugu2b2mutx5xu8d.png') no-repeat center/cover; border-radius: inherit; clip-path: polygon(0 0,0 100%,100% 100%); transition: 2s; }
      #ma::after { left: -1px; width: calc(100% + 1px); height: calc(100% + 1px); clip-path: polygon(0 0,100% 0,100% 100%); }
      #ma:hover::before { clip-path: polygon(0 0,50% 50%,100% 0); }
      #ma:hover::after { clip-path: polygon(50% 50%,0 100%,100% 100%); }
    #btnFs { bottom: 20px; color: #eee; }
    .title-text { right: 20px; top: 30px; font-size: 30px; writing-mode: vertical-rl; }
</style>

<div id="pa">
    <video class="pd-vid" src="https://img.tukuppt.com/video_show/15653652/00/30/01/5fa0fc15a3470.mp4" autoplay loop muted></video>
    <div class="title-text">盛世耀军魂/制作/傲雷影儿</div>
    <div id="ma" class="sepia"></div>
</div>

<script type="module">
    import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
    FS(pa, ma);
</script>

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=402039692&auto=1&height=66"></iframe>

梦江南 发表于 2025-8-1 11:53

欣赏老师精美代码帖：军歌嘹亮军旗红！{:4_199:}

红影 发表于 2025-8-1 12:55

制作真漂亮，播放器鼠标触碰还能变形。只是点击无法暂停呢。
傲雷影儿可以套用黑黑的代码，就能暂停了。

红影 发表于 2025-8-1 12:56

砌筑建军节的节日帖子，亮起来{:4_204:}

傲雷影儿 发表于 2025-8-1 13:26

红影 发表于 2025-8-1 12:55
制作真漂亮，播放器鼠标触碰还能变形。只是点击无法暂停呢。
傲雷影儿可以套用黑黑的代码，就能暂停了。

谢谢管管赏析，我就是套用马老师代码学习的

梦油 发表于 2025-8-1 14:40

欢庆八一建军节！

清茶煮雪 发表于 2025-8-1 16:52

欣赏精美大图，非常喜庆 正能量满满{:4_199:}

清茶煮雪 发表于 2025-8-1 16:53

借佳作同祝贺 中国人民解放军建军98周末庆{:4_191:}{:4_204:}

红影 发表于 2025-8-1 18:59

傲雷影儿 发表于 2025-8-1 13:26
谢谢管管赏析，我就是套用马老师代码学习的

呵呵，叫我影子吧，别叫管管啊。我们俩的名字都带个影字呢，真缘分啊{:4_187:}

傲雷影儿 发表于 2025-8-2 10:02

梦江南 发表于 2025-8-1 11:53
欣赏老师精美代码帖：军歌嘹亮军旗红！

感谢才友支持鼓励，相互学习了，问好。

傲雷影儿 发表于 2025-8-2 10:03

红影 发表于 2025-8-1 18:59
呵呵，叫我影子吧，别叫管管啊。我们俩的名字都带个影字呢，真缘分啊

感谢影子支持鼓励，相互学习了，问好。

傲雷影儿 发表于 2025-8-2 10:03

菲儿 发表于 2025-8-1 16:53
借佳作同祝贺 中国人民解放军建军98周末庆

感谢才友支持鼓励，相互学习了，问好。

傲雷影儿 发表于 2025-8-2 10:04

梦油 发表于 2025-8-1 14:40
欢庆八一建军节！

感谢版主支持鼓励，相互学习了，问好。

梦油 发表于 2025-8-2 13:49

傲雷影儿 发表于 2025-8-2 10:04
感谢版主支持鼓励，相互学习了，问好。

影儿朋友别客气。

小辣椒 发表于 2025-8-2 15:14

欣赏影儿精彩的贺帖{:4_199:}

红影 发表于 2025-8-2 22:34

傲雷影儿 发表于 2025-8-2 10:03
感谢影子支持鼓励，相互学习了，问好。

问好，应该向你学习才是{:4_187:}
页: [1]
查看完整版本: 【影.印记】军歌嘹亮军旗红 ▏代码学习 盛世耀军魂