朵拉 发表于 2025-8-6 23:00

山 河（学习马黑黑生命万岁效果）

<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
    #pa { --offsetX: 81px; --bg: url('https://cccimg.com/view.php/dcb8034c1b18b0d335738f53ff96a5d6.webp') no-repeat center/cover; --ma-size: 400px; }
    #pa::before { position: absolute; content: url('https://cccimg.com/view.php/d34e798b6f948bdf6cbbf3e33d0875a8.jpg'); clip-path: inset(0 0 round 75% 0); opacity: 0; transition: 2s; }
    #pa:hover::before { opacity: 1; transform: rotate(1turn); }
        #ma { background: inherit; clip-path: path('M200 200C 500 200, 322.42461854401756 473.8835752182883,200 200C 292.7050983124842 485.31695488854604, -22.647471257595157 401.0674104438567,200 200C -42.70509831248421 376.335575687742, -60.02832329042673 50.38291846594075,200 200C -42.70509831248427 23.66442431225809, 261.9411294264655 -93.53585212946962,200 200C 292.70509831248415 -85.31695488854609, 498.3100465775387 168.2019480013838,200 200'); scale: 0.8; opacity: .8; box-shadow: inset 0 0 20px 70px rgba(0,30,120,.25); }
        #btnFs { left: 20px; bottom: 20px; color: #eee; }
</style>

<div id="pa">
    <audio id="aud" src="https://cccimg.com/view.php/4be9d69fd390704ff151cae2c986158e.mp3" autoplay="" loop=""></audio>
    <video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/25/03/26/15/03/40/video67e3a6cc9b296.mp4" autoplay loop muted></video>
    <div id="ma" class="hue-rotate"></div>
</div>

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

朵拉 发表于 2025-8-6 23:02

@马黑黑
老师 晚上好，学生交作业，请指正{:4_190:}

马黑黑 发表于 2025-8-6 23:34

{:4_199:}

梦江南 发表于 2025-8-7 07:29

小播真漂亮，欣赏朵拉老师的精彩音画。立秋安康！{:4_204:}

红影 发表于 2025-8-7 12:04

漂亮。欣赏朵宝好帖{:4_187:}
页: [1]
查看完整版本: 山 河（学习马黑黑生命万岁效果）