小雨的心 发表于 2024-1-24 10:03:30

【小雨音画】我会等

<style> #papa { margin: 0 0 0 calc(50% - 881px); width: 1600px; height: 900px; top:0px;background: url('http://www.yhyhlt.com/data/attachment/forum/202401/12/122114v50xzvbgvbd2ofdr.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; display: grid; place-items: center; z-index: 1; }
.mypic { position: absolute; width: 260px; cursor: pointer; animation: rot 6s infinite linear var(--state); }
.mypic:nth-of-type(1) { left: 20px; }

#vid { position: absolute; width: 100%; height: 120%; top:-100px; object-fit: cover; pointer-events: none; mix-blend-mode: screen; z-index: 2; opacity: .65;}
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="papa">
        <video id="vid" src="https://img3.tukuppt.com/video_show/2418175/00/02/22/5b52de8571993.mp4" autoplay="" loop="" muted=""></video>
        <img class="mypic" src="http://qhxy.52qingyin.cn/file/20231217221223_20208.svg" alt="">

        <audio id="aud" src="http://music.163.com/song/media/outer/url?id=2032476050.mp3" autoplay="" loop=""></audio>
</div>


绿蔷薇 发表于 2024-1-26 15:08:57

我也在等，等待枝头那一抹嫩绿和那染成柔红的花朵儿~~

绿蔷薇 发表于 2024-1-26 15:09:45

漂亮的图图，特效加的真好，小雨制作辛苦~~
页: [1]
查看完整版本: 【小雨音画】我会等