枝条 发表于 2025-5-28 12:46

五月的紫罗兰


<style>
    #mydiv { margin: 130px 0 20px calc(50% - 931px) ; width: 1500px; height: 843px; background: url('https://pic1.imgdb.cn/item/68355a8058cb8da5c8116855.jpg') no-repeat center/cover; box-shadow: 2px 2px 5px #333; overflow: hidden; z-index: 1; position: relative; }
    .mama { position: absolute; left: 300px; bottom: 120px; width:80px; height: 80px; cursor: pointer; animation: rot 8s linear infinite var(--state); }
    .mama:nth-of-type(2) { right: 100px; bottom: 220px;}
e-son { position: absolute; left: calc(50% - 2.5px); top:6px; width: 20px; height: 30px; border-radius: 50% 50%; border: 0px solid snow; transform-origin: 50% 100%; transform: rotate(var(--deg)) translateY(-10px); background: hsla(var(--bg), 100%, 50%, .23); }
    #vid { position: absolute; bottom: 0; width:100%; height: calc(100% + 80px); object-fit: cover; mix-blend-mode: screen; opacity: .12;}

    @keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mydiv">
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=561876887" autoplay="" loop=""></audio>

   <video id="vid" src="https://img.tukuppt.com/video_show/15653652/00/78/98/60b98fc6aa54c_10s_big.mp4" muted="muted" autoplay="autoplay" loop="loop"></video>

    <div class="mama" id="ma"></div>
</div>

<br><br><br><br><br><br><br>

愤怒的葡萄 发表于 2025-5-28 12:50

非常漂亮的音画作品。

梦江南 发表于 2025-5-28 18:03

清新淡雅，欣赏点赞！{:4_199:}

红影 发表于 2025-5-28 20:30

这样的笑容很阳光，画面很清爽。
欣赏枝条精美作品{:4_199:}

杨帆 发表于 2025-5-31 20:11

漂亮，谢谢枝条精彩分享{:4_204:}
页: [1]
查看完整版本: 五月的紫罗兰