朵拉 发表于 2025-9-3 23:52

车窗上（学习马黑黑世中逢尔雨逢花效果）

本帖最后由 朵拉 于 2025-9-3 23:53 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 81px; --bg: url('https://pic1.imgdb.cn/item/68b85f2c58cb8da5c878ec7a.jpg') no-repeat center/cover; --ma-size: 10%; }
        #ma { left: 750px; top: 20px; background: url('https://638183.freep.cn/638183/web/svg/pl-white.svg') no-repeat center/cover; }
        #btnFs { right: 30px; bottom: 30px; color: blue; border-color: currentColor!important; }
        #svg use { opacity: 1; animation: flash 0.5s var(--delay) infinite alternate var(--state); }
        @keyframes flash { to { opacity: 0.5; transform: rotate(360deg); } }
</style>

<div id="pa">
        <audio id="aud" src="https://cccimg.com/view.php/c3dd6a9cf11a52b0d3906d62f3d62bcf.mp3" autoplay="" loop=""></audio>

        <video class="pd-vid" src="https://img.tukuppt.com/video_show/15653652/00/29/96/5fa09f4e88257.mp4" autoplay loop muted></video>
        <div id="ma" class="brightness"></div>
        <svg id="svg" width="100%" height="100%" viewBox="0 0 1600 900">
                <defs>
                        <g id="svgShape">
                                <image x="0" y="0" width="30" height="30" href="https://638183.freep.cn/638183/web/svg/pl-white.svg" />
                        </g>
                        <path id="motionPath" d="M400 0 L600 1000" />
                </defs>
        </svg>
</div>

<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/svglz_fs.js';
        var setting = {        svg: svg, lz: 20, dur: 12, gap: 600 };
        FS(pa, ma, setting);
</script>

朵拉 发表于 2025-9-3 23:54

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

梦江南 发表于 2025-9-4 11:32

漂亮，欣赏您的精美制作。问好。{:4_187:}

樵歌 发表于 2025-9-4 11:40

那走去的人物不像是在车窗上呵{:4_203:}

红影 发表于 2025-9-4 12:33

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

马黑黑 发表于 2025-9-4 12:39

{:4_199:}

梦油 发表于 2025-9-4 17:21

欣赏佳作，问候朵拉。
页: [1]
查看完整版本: 车窗上（学习马黑黑世中逢尔雨逢花效果）