加林森 发表于 2022-4-12 17:41

《光晕·爱能攻克一切》- 刺猬（根据老黑的混合滤镜效果制作）

本帖最后由 加林森 于 2022-4-13 21:08 编辑 <br /><br /><style>
.bgDiv { margin: auto; width: 1023px; height: 843px; left: -213.5px; position: relative; }
.bgDiv img { position: absolute; width: 100%; height: 100%;}
.bgDiv img:nth-child(2) {mix-blend-mode: multiply; opacity: .3; }
.bgDiv p { position: absolute; left: 80px; mix-blend-mode: exclusion; color: white; font: 900 2.5em / 1em Sans-serif; text-align: center; text-shadow: 2px 2px 4px #333; }
.circle {
      width: 100px; height: 100px;
      background: conic-gradient(#9ED110, #50B517, #179067, #476EAF, #9f49ac, #CC42A2, #FF3BA7, #FF5800, #FF8100, #FEAC00, #FFCC00, #EDE604);
      border-radius: 50%;         cursor: pointer; top: 50%; left: 50%;
      position: absolute;
      mask: radial-gradient(transparent 40px, #000 40px);
      -webkit-mask: radial-gradient(transparent 40px, #000 40px);
      animation: roll 4s linear infinite;
}
@keyframes roll { to {transform: rotate(-360deg); } }
</style>

<div class="bgDiv">
      <img src="https://pic.imgdb.cn/item/625547c3239250f7c58f29db.jpg" alt="" />
      <img src="https://pic.imgdb.cn/item/625546e9239250f7c58dcc27.jpg" alt="" />
      <div class="circle"></div>
       <br><br> <p>光晕·爱能攻克一切 - 刺猬</p>
</div>

<script>
      let au = document.createElement("audio");
      au.src = "https://music.163.com/song/media/outer/url?id=1935880337.mp3";
      au.autoplay = true;
      document.querySelector(".bgDiv").appendChild(au);
      document.querySelector(".circle").onclick = function() {
                au.paused ? (au.play(), this.style.animationPlayState = 'running') : (au.pause(), this.style.animationPlayState = 'paused');
      }
</script>

加林森 发表于 2022-4-12 17:41

@马黑黑

加林森 发表于 2022-4-12 17:50

本帖最后由 加林森 于 2022-4-12 17:52 编辑

光晕·爱能攻克一切-刺猬
作词 : 子健
作曲 : 子健
编曲 : 刺猬/陆希文
制作人 : 陆希文
被唤醒了自我 于昨日残响
惶恐中醒来后 迅速被遗忘
聚散又离合 在破碎现实中
慌忙地更迭到 不知所措
Hahh Halo Rings
Love Conquers all
Hahh Halo Rings
Love Conquers all
爱恨交错 记忆洒落
梦里拼贴着一些 简单的快乐
在被尘封了许久 它们终于被复活
在每个浑浊的噩梦里 兴致勃勃
遥远的光晕 在梦里 环绕我
它们放大 又放大 放大到了
现实 已无法触摸
i found where you were
i found what you saw
think now i have found what love is for
it holds us together and conquers all
碎碎怨念 空洞无解
恍惚之间 我们穿越了银河
漫舞婆娑的 丧致极乐

马黑黑 发表于 2022-4-12 18:13

标题可以在前面加一两个<br>，不要让它太贴边。这是最简单的处理。

加林森 发表于 2022-4-12 18:14

马黑黑 发表于 2022-4-12 18:13
标题可以在前面加一两个，不要让它太贴边。这是最简单的处理。

好的好的，立即修改。

马黑黑 发表于 2022-4-12 18:15

加林森 发表于 2022-4-12 18:14
好的好的，立即修改。

方式不止一种，这个最简单

加林森 发表于 2022-4-12 18:16

马黑黑 发表于 2022-4-12 18:13
标题可以在前面加一两个，不要让它太贴边。这是最简单的处理。

改好了，这样看着效果更加漂亮了。

加林森 发表于 2022-4-12 18:17

马黑黑 发表于 2022-4-12 18:15
方式不止一种，这个最简单

嗯嗯，谢谢老黑！{:4_190:}

马黑黑 发表于 2022-4-12 18:17

加林森 发表于 2022-4-12 18:16
改好了，这样看着效果更加漂亮了。

是的。加br是小辣椒最爱用的

马黑黑 发表于 2022-4-12 18:17

加林森 发表于 2022-4-12 18:17
嗯嗯，谢谢老黑！

{:5_108:}

加林森 发表于 2022-4-12 18:19

马黑黑 发表于 2022-4-12 18:17
是的。加br是小辣椒最爱用的

哦，我都忘记了哦。

加林森 发表于 2022-4-12 18:19

马黑黑 发表于 2022-4-12 18:17


{:4_190:}

马黑黑 发表于 2022-4-12 18:24

加林森 发表于 2022-4-12 18:19
哦，我都忘记了哦。

正常

加林森 发表于 2022-4-12 18:25

马黑黑 发表于 2022-4-12 18:24
正常

嗯嗯，我准备把原来制作过的重新再去看看，慢慢去理解。

马黑黑 发表于 2022-4-12 19:40

加林森 发表于 2022-4-12 18:25
嗯嗯，我准备把原来制作过的重新再去看看，慢慢去理解。

理解透彻了就能成为高手

加林森 发表于 2022-4-12 20:47

马黑黑 发表于 2022-4-12 19:40
理解透彻了就能成为高手

好的好的，谢谢老黑。{:5_108:}

红影 发表于 2022-4-12 21:14

真漂亮，队长学得真快{:4_187:}

红影 发表于 2022-4-12 21:15

去看了一下，两张图图的色彩有些接近，感受不出滤镜的效果呢。歌曲很好听{:4_187:}

加林森 发表于 2022-4-12 21:19

红影 发表于 2022-4-12 21:14
真漂亮，队长学得真快

嗯嗯，跟着老黑学习的。{:4_204:}

加林森 发表于 2022-4-12 21:20

红影 发表于 2022-4-12 21:15
去看了一下，两张图图的色彩有些接近，感受不出滤镜的效果呢。歌曲很好听

你等一下，我换另外一种上来你就明白了。
页: [1] 2
查看完整版本: 《光晕·爱能攻克一切》- 刺猬（根据老黑的混合滤镜效果制作）