云笛 发表于 2024-2-7 20:47

【云画】风不知

本帖最后由 云笛 于 2024-2-7 20:48 编辑 <br /><br /><style>
#papa { margin: 0px 0 0px calc(50% - 900px); width: 1600px; height: 900px; top:130px;background: url('https://www.dlbbs.com/data/attachment/forum/202402/07/204826n08i68c16i9kzljf.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; z-index: 1; }
.mypic { position: absolute; cursor: pointer; animation: rot var(--du) infinite linear var(--state); }
.mypic:nth-of-type(1) { left: 80px; top: 180px; width: 50px; mix-blend-mode: hard-light;filter: opacity(.8); --du: 6s; }
.mypic:nth-of-type(2) { right: 360px; top: 220px; filter: opacity(.8) blur(.5px); --du: 10s; }
.mypic:nth-of-type(3) { width: 120px; right: 360px; top: 220px; filter: opacity(.9) brightness(1.2); --du: 4s; }
@keyframes rot { to { transform: rotate(360deg); } }
#vid {
        position: absolute;
        width: 100%;
        height: 110%;
        opacity: .65;
    top:-80px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
}
</style>

<div id="papa">
<video id="vid" src="https://img.tukuppt.com/video_show/2269348/00/14/66/5e5a2d19f00fd.mp4" autoplay loop muted></video>
<video id="vid" src="https://img.tukuppt.com/video_show/15653652/00/78/53/60b83e9910a40.mp4" autoplay loop muted></video>

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



</div>


蜻蜓 发表于 2024-2-7 21:10

美就一个字{:10_402:}

愤怒の葡萄 发表于 2024-2-7 21:53

帖子制作得挺漂亮的。

墨羽 发表于 2024-2-9 11:27

好漂亮的风，嘴角的发丝也亮眼！

浅笑 发表于 2024-2-9 15:48

漂亮的音画，新年快乐，万事胜意

瞳萤 发表于 2024-2-9 22:17

很漂亮的音画，云笛新年快乐啊~

宁静 发表于 2024-2-10 13:21

欣赏云笛精美的图图，漂亮！{:10_402:}

宁静 发表于 2024-2-10 13:21

祝新年快乐！
页: [1]
查看完整版本: 【云画】风不知