有声有色 发表于 2022-10-31 15:21

惊涛骇浪

本帖最后由 有声有色 于 2023-11-30 15:06 编辑 <br /><br /><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1984698">

<style>
#papa { margin: 10px -400px ; width: 1410px; height: 800px; background:#333 url('https://pic.imgdb.cn/item/65619c40c458853aef354154.gif') no-repeat center/cover;   position: relative;place-items: center; z-index: 10000; overflow:hidden;}
#bs{ position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;z-index: 1;
        height: 100%;background:url('https://pic.imgdb.cn/item/65619c40c458853aef354154.gif') no-repeat center/cover;
        animation: sb 1s linear infinite;
        opacity: 1;
}
@keyframes sb {
    0%{
      filter:hue-rotate(360deg)
    }
100%{
      filter:hue-rotate(0deg)
    }
}

#mpic { position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;z-index: 1;
        height: 100%;
        animation: fly 150s linear infinite;
        cursor: pointer;mix-blend-mode:lighten;
        opacity: 0;
}

#mpicc { position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;z-index: 1;
        height: 100%;
        animation: tot 10s linear infinite;
        cursor: pointer;mix-blend-mode:lighten;
        opacity: 1;
}

@keyframes fly {0%{
      background-position: 0% 0;
    }
    100%{
      background-position: 0% -200%;filter:hue-rotate(360deg)
    }
}
@keyframes tot { 0%{
      background-position: 0% 0%;
    }
    100%{
      background-position: 0% -600%;filter:hue-rotate(360deg)
    }
}

@keyframes spin {0% { transform: rotate(360deg); }
}

</style>
<div id="papa">
<div id="bs"></div>
<imgid="mpic"style="background: url('')0 0/650px 1620px" >
<imgid="mpicc"style="background: url('')0 0/600px 1200px" >
<div id="mplayer">❊</div>
<audio src="https://music.163.com/song/media/outer/url?id=1330435555.mp3" id="myAudio" loop autoplay>
</audio></td></tr></table>

有声有色 发表于 2022-10-31 15:23

大海与岸边没衔接好

红影 发表于 2022-10-31 16:23

可能只留灯塔，把其他背景都去掉更好点。这个视频选得好，非常震撼{:4_187:}

起个网名好难 发表于 2022-10-31 16:36

本帖最后由 起个网名好难 于 2022-10-31 16:41 编辑 <br /><br />有声有色 发表于 2022-10-31 15:23
大海与岸边没衔接好

再怎么衔接都有拼凑的痕迹

起个网名好难 发表于 2022-10-31 16:58

本帖最后由 起个网名好难 于 2022-10-31 17:04 编辑 <br /><br /><div style="width: 1200px;position:relative;overflow:hidden;height:640px;margin:100px 16px 32px -300px;box-shadow:3px 3px 20px black;height:575px;border-radius:24px;box-shadow:3px 3px 20px black;">
<img src="https://pic1.imgdb.cn/item/635f764316f2c2beb11fff69.gif" style="width:100%;position:absolute;top:0px;left:0px;" />
<div style="width:100%;position:absolute;top:200px;left:0px;overflow:hidden;">
<video src="//img.tukuppt.com/video_show/2418175/00/08/32/5d1eb33ba7c37.mp4"muted autoplay="autoplay" loop="loop"
style="width:100%;margin-top:-300px;"></video>
</div>
</div>

樵歌 发表于 2022-10-31 18:21

惊涛骇浪，效果不错。

醉美水芙蓉 发表于 2022-10-31 21:47

小辣椒 发表于 2022-10-31 22:17

欣赏有声有色的精彩制作{:4_187:}

小辣椒 发表于 2022-10-31 22:19


https://pic1.imgdb.cn/item/635f764316f2c2beb11fff69.gif

这个动图下面要增加透明度，可以用黑黑老师分享的代码，去找一下教程

有声有色 发表于 2022-11-1 07:36

红影 发表于 2022-10-31 16:23
可能只留灯塔，把其他背景都去掉更好点。这个视频选得好，非常震撼

谢谢，我去试试

有声有色 发表于 2022-11-1 07:38

起个网名好难 发表于 2022-10-31 16:36
本帖最后由 起个网名好难 于 2022-10-31 16:41 编辑

再怎么衔接都有拼凑的痕迹

谢谢，我想用PS去做，效果不知怎么样

有声有色 发表于 2022-11-1 07:39

樵歌 发表于 2022-10-31 18:21
惊涛骇浪，效果不错。

谢谢鼓励

有声有色 发表于 2022-11-1 07:46

醉美水芙蓉 发表于 2022-10-31 21:47
光留灯塔估计效果好一点！

谢谢，上次你说的去掉熊猫办公水印，我去掉了，再上传又出现了人家的水印了，如果我用PS去掉水印，格式·就变了不是MP4了，今天有空我再试试。

有声有色 发表于 2022-11-1 07:47

小辣椒 发表于 2022-10-31 22:19
这个动图下面要增加透明度，可以用黑黑老师分享的代码，去找一下教程

谢谢了一直在鼓励支持我，我会去找的

红影 发表于 2022-11-1 14:41

有声有色 发表于 2022-11-1 07:36
谢谢，我去试试

看到新作了，果然好很多{:4_187:}

大猫咪 发表于 2022-11-8 21:04

画面音乐都震撼，好棒的制作，赞欣赏学习，问好！

{:4_204:}{:4_199:}

有声有色 发表于 2022-11-9 09:06

大猫咪 发表于 2022-11-8 21:04
画面音乐都震撼，好棒的制作，赞欣赏学习，问好！

谢谢鼓励
页: [1]
查看完整版本: 惊涛骇浪