楚云飞 发表于 2026-5-8 18:00:41

【云。音画】浅夏。序 温柔序章 致：轻音向暖

<style>
#mydiv {
    margin: 30px 0 30px calc(50% - 881px);
    display: grid;
    place-items: center;
    width: 1600px;
    height: 900px;
   top: 56px;
background: lightblue url('https://ctyh.oss-cn-qingdao.aliyuncs.com/yh/345.jpg') no-repeat center/cover;
    box-shadow: 3px 3px 20px #000;
    user-select: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#vid {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    -webkit-mask: linear-gradient(to top right, red 88%, transparent 0);   
    z-index: 2;
    opacity: .56;
}
</style>

<div id="mydiv">

<img src="动图.gif" alt="" style="position: absolute; width: 256px; top: 198px; left: 880px;" />
<img src="动图.gif" alt="" style="position: absolute; width: 96px; top: 438px; left: 888px;" />
<video id="vid" src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" autoplay="" loop="" muted=""></video>
<audio style="width:1px;height:1px;" controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=2130359174.mp3" type="audio/mpeg"></audio>
<br><br><br><br><br><br><br><br><br><br><br><br>   

楚云飞 发表于 2026-5-8 18:01:15

使用这个代码发个图，简图赠轻音向暖愿生活如意~
{:1_155:}{:1_155:}

楚云飞 发表于 2026-5-8 18:02:03

素材：

欧阳风刀 发表于 2026-5-8 19:12:14

人物与背景把握如此到位，色调与意境十分契合。

欧阳风刀 发表于 2026-5-8 19:12:49

光色漂亮，码字精彩。云飞兄好制作。

欧阳风刀 发表于 2026-5-8 19:13:17

顺祝轻音收礼愉快！

圊圊淥詶 发表于 2026-5-8 19:34:24

哈哈一眼就看出小蜜蜂的流量背景素材，我想这个背景素材恐怕是做的人最多的一次了吧{:S16:}

圊圊淥詶 发表于 2026-5-8 19:41:04

小清新的视觉，
给人绿意在漫，夏天在来的赶脚，
光影和颗粒感处理得很棒，
感觉没有去过度的磨皮，
保留了初夏的那种意境~~

圊圊淥詶 发表于 2026-5-8 19:42:02

这是序章，赶脚云飞是想出系列了吗？哈哈，期待哈{:4_123:}

圊圊淥詶 发表于 2026-5-8 19:43:36

问好云飞，制作分享辛苦了哦，晚上好~~
页: [1] 2 3
查看完整版本: 【云。音画】浅夏。序 温柔序章 致：轻音向暖