绿叶清舟 发表于 2022-1-27 21:38

陪你看星星


<style type="text/css">

.paBox { /* 父框 */
      margin: 10px auto;
      width: 1080px;
      height: 675px;
      position: relative;
      background: #000 url('https://pic.imgdb.cn/item/61f29e832ab3f51d91ec8955.jpg') no-repeat;
      left: -210px;
}


/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
      content: "";
      position: absolute;
      width: 380px; height: 2px;
      background: silver;
      left: 160px; top: 230px;
      opacity: 0.1;
      transform-origin: center center;
}
/* 父框和 .soBox 的伪元素各自的动画样式 */
.paBox::before { animation: fly 2s linear infinite alternate;}
.paBox::after { height: 4px; animation: fly 5s linear infinite;}
.soBox::before { animation: fly 3s linear infinite;}
.soBox::after { height: 5px; animation: fly 1s linear infinite alternate;}

@keyframes fly { 100% { transform: rotate(360deg); } }
</style>

<div id="paBox" class="paBox">
      <div class="soBox"></div>
</div>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=3 height=6 src="//music.163.com/outchain/player?type=2&id=1855555967&auto=1&height=6"></iframe>

小辣椒 发表于 2022-1-27 21:46

沙发我的，抢完沙发下{:4_171:}

小辣椒 发表于 2022-1-27 21:49

这个是黑黑的教程？清舟没有播放器的？

绿叶清舟 发表于 2022-1-27 22:03

小辣椒 发表于 2022-1-27 21:49
这个是黑黑的教程？清舟没有播放器的？

辣椒好，播放器还没搬了先整了个效果来

红影 发表于 2022-1-27 22:09

漂亮，清舟的构思很巧妙，这些闪光光柱用在这里正好呢{:4_187:}

红影 发表于 2022-1-27 22:10

歌曲也好听，清舟真棒{:4_187:}

小九 发表于 2022-1-27 22:11

是用了特效的吧{:4_187:}

加林森 发表于 2022-1-27 22:27

漂亮的制作。{:4_187:}

绿叶清舟 发表于 2022-1-27 22:30

加林森 发表于 2022-1-27 22:27
漂亮的制作。

谢谢队长

绿叶清舟 发表于 2022-1-27 22:30

小九 发表于 2022-1-27 22:11
是用了特效的吧

是啊，马黑的代码

绿叶清舟 发表于 2022-1-27 22:31

红影 发表于 2022-1-27 22:09
漂亮，清舟的构思很巧妙，这些闪光光柱用在这里正好呢

昨天找素材正好看到这张片片，想到这个效果了

红影 发表于 2022-1-28 10:01

绿叶清舟 发表于 2022-1-27 22:31
昨天找素材正好看到这张片片，想到这个效果了

很巧妙的构思，这个效果放在烟花上正好呢{:4_187:}

加林森 发表于 2022-1-28 10:35

绿叶清舟 发表于 2022-1-27 22:30
谢谢队长

不客气的

马黑黑 发表于 2022-1-28 14:11

构思不错，精巧
页: [1]
查看完整版本: 陪你看星星