朵拉 发表于 2025-8-10 21:43

这一别山高路长（学习马黑黑真实与谎言效果）

<style>
    @import 'https://638183.freep.cn/638183/web/css/tz01.css';
    #pa { --offsetX: 81px; --bg: url('https://pic1.imgdb.cn/item/6898a06358cb8da5c816c2af.jpg') no-repeat center/cover; --ma-size: 100%; }
    .wrap { position: absolute; bottom: 200px; aspect-ratio: 1/1; width: 15%; filter: drop-shadow(0 240px 10px rgba(0,0,0,.5)); }
    .son { position: absolute; top: 40%; width: 50%; height: 10%; background: linear-gradient(75deg, olive, snow, tan); border-radius: 100% 0; box-shadow: 0 0 200px cyan; transform-origin: 100% 100%; }
    #btnFs { right: 20px; top: 20px; color: #eee; }
</style>

<div id="pa">
    <audio id="aud" src="https://cccimg.com/view.php/dc5161a264ee27f946278e05b3e477a3.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 class="wrap">
      <div id="ma" class="hue-rotate"></div>
    </div>
</div>

<script type="module">
    import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
    FS(pa, ma);
    const tt = 12;
        Array.from({length: tt}).forEach( (s, k) => {
                s = document.createElement('span');
                s.className = 'son';
                s.style.setProperty('transform', `rotate(${360 / tt * k}deg) translate(-8px)`);
                ma.appendChild(s);
        });
</script>

朵拉 发表于 2025-8-10 21:45

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

马黑黑 发表于 2025-8-10 22:06

{:4_199:}

红影 发表于 2025-8-10 23:12

漂亮，欣赏朵宝好帖{:4_199:}

梦江南 发表于 2025-8-11 09:07

漂亮，欣赏学习。{:4_187:}
页: [1]
查看完整版本: 这一别山高路长（学习马黑黑真实与谎言效果）