论坛 › 欢乐水吧 › 人世间 （复习黑黑摇摆字）

红影 发表于 2022-10-7 11:15

人世间 （复习黑黑摇摆字）

<style>
.outerbox {
        position: relative;
        left: -242px;
        width: 1080px;
        height: 675px;
        overflow: hidden;
}

.shipin {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;      
}
.tupian {
      position: absolute;
      width: 100%;
      height: 100%;
}
.meinv {
      position: absolute;
      width: 750px;
      height: 600px;
      bottom:-92px;
      right:-80px;

}
.zi {
      position: absolute;
      width: 200px;
      height: 55px;
      bottom:10px;
      right:77px;
}
body { overflow-x: hidden; }
#baiBox {
      margin: auto;
      width: 380px;
      text-align: center;
      font-size: 6.6rem;
      font-weight: bold;
      font-family:cursive;
      color: transparent;      
      background: linear-gradient(180deg,hsla(14,100%,85%,.65),hsla(41,100%,43%,.85));
      filter: drop-shadow(2px 2px 6px hsla(45,0%,0%,.95));
      -webkit-background-clip: text;
      transform-origin: top;
      animation: yao 1.2s linear infinite alternate;
}
@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}
</style>

<div class="outerbox">
       <video class="shipin" src="https://img.tukuppt.com/video_show/2405179/00/01/29/5b3dd89b8583b.mp4" muted="muted" autoplay="autoplay" loop="loop"></video>
   <div class="tupian">
                <img alt="" src="https://s1.ax1x.com/2023/03/19/ppYmBod.png"/></div>
       <img class="meinv" src="https://s1.ax1x.com/2023/03/19/ppYmwee.png" alt="" />
   <div id="baiBox" style="position: absolute; left:350px; top: 60px; ">人世间</div>
       <img class="zi" src="https://pic1.imgdb.cn/item/633f81e316f2c2beb1128f7b.gif" alt="" />
</div><br>
<audio class="aud" src="https://music.163.com/song/media/outer/url?id=1915875397.mp3" autoplay="autoplay" loop="loop"></audio>

红影 发表于 2022-10-7 11:15

主要吧，在复习摇摆字的同时，学习一下hsla的颜色设置。谢谢黑黑的代码{:4_187:}

加林森 发表于 2022-10-7 11:23

好制作。真漂亮。{:4_199:}

马黑黑 发表于 2022-10-7 11:33

人世间随风摇摆。很巧妙的设计。欣赏。

梦油 发表于 2022-10-7 13:11

右下角字幕的颜色变幻无穷，挺好的。

闲言不语 发表于 2022-10-7 18:31

点赞，必须的{:5_116:}鼓掌，必须的。{:4_199:}献花，必须的{:4_204:}

樵歌 发表于 2022-10-7 20:30

温故而知新，温故而知出新。{:4_199:}

红影 发表于 2022-10-7 21:17

加林森 发表于 2022-10-7 11:23
好制作。真漂亮。

多谢队长，这个就是学习啊，不用加精的{:4_173:}

红影 发表于 2022-10-7 21:18

马黑黑 发表于 2022-10-7 11:33
人世间随风摇摆。很巧妙的设计。欣赏。

想不想把云都赶过来了{:4_173:}

红影 发表于 2022-10-7 21:18

梦油 发表于 2022-10-7 13:11
右下角字幕的颜色变幻无穷，挺好的。

是红影两个字的拼音，昨天弄的我扣图了一下{:4_173:}

红影 发表于 2022-10-7 21:19

闲言不语 发表于 2022-10-7 18:31
点赞，必须的鼓掌，必须的。献花，必须的

还有什么是必须的，{:4_173:}谢谢不语的鼓励{:4_187:}

红影 发表于 2022-10-7 21:20

樵歌 发表于 2022-10-7 20:30
温故而知新，温故而知出新。

忽然想起这个摆动字，一直挺喜欢的，就重新复习一下{:4_173:}

马黑黑 发表于 2022-10-7 21:38

红影 发表于 2022-10-7 21:18
想不想把云都赶过来了

这个还是随它去

小辣椒 发表于 2022-10-7 22:03

亲爱的，是要复习复习的，我学习后面的忘记前面的{:4_201:}

红影 发表于 2022-10-7 22:39

马黑黑 发表于 2022-10-7 21:38
这个还是随它去

刚发现我打错字，是像不像，不是想不想{:4_173:}

马黑黑 发表于 2022-10-7 22:39

红影 发表于 2022-10-7 22:39
刚发现我打错字，是像不像，不是想不想

差不多的

红影 发表于 2022-10-7 22:40

小辣椒 发表于 2022-10-7 22:03
亲爱的，是要复习复习的，我学习后面的忘记前面的

我也是，前面也那么多好东西呢，我光顾着跌跌撞撞跟着新效果跑了{:4_173:}

红影 发表于 2022-10-7 22:51

马黑黑 发表于 2022-10-7 22:39
差不多的

做这个，又想起文字集中营了。

寒冬残荷 发表于 2022-10-7 23:00

欣赏学习！画面太美了！

马黑黑 发表于 2022-10-7 23:02

红影 发表于 2022-10-7 22:51
做这个，又想起文字集中营了。

都关好了{:4_173:}

查看完整版本: 人世间 （复习黑黑摇摆字）