马黑黑 发表于 2022-5-3 18:26

本帖最后由 马黑黑 于 2022-5-3 18:28 编辑 <br /><br /><style>
.outer {
        --dg1: 0deg; --dg2: 360deg; left: -214px; width: 1024px; height: 600px;
        background: linear-gradient(120deg, #2E99B0 0%, #2E99B0 40%, #FCD77F calc(40% + 1px), #FCD77F 60%, #FF2E4C calc(60% + 1px), #FF2E4C 75%, #1E1548 calc(75% + 1px), #1E1548 100%),
                linear-gradient(-120deg, #2E99B0 0%, #2E99B0 40%, #FCD77F calc(40% + 1px), #FCD77F 60%, #FF2E4C calc(60% + 1px), #FF2E4C 75%, #1E1548 calc(75% + 1px), #1E1548 100%);
        background-blend-mode: color, color; animation: hue 30s linear infinite; position: relative;
}
.oleft { --dg1: 360deg; --dg2: 0deg; width: 200px; height: 200px; position: absolute; left: 10px; bottom: 10px; border-radius: 0 100%; mix-blend-mode: difference; }
.oright { --dg1: 180deg; --dg2: -180deg; width: 100px; height: 100px; position: absolute; left: calc(100% - 150px); bottom: 10px; border-radius: 80% 0; mix-blend-mode: difference; }
@keyframes hue { from { filter: hue-rotate(var(--dg1)); } to { filter: hue-rotate(var(--dg2)); } }
</style>

<div class="outer">
        <div class="outeroleft"></div>
        <div class="outeroright"></div>
</div>

<script>
let outer = document.querySelector('.outer');
let au = document.createElement('iframe');
au.src = 'https://music.163.com/outchain/player?type=2&id=376152&auto=1&height=66';
au.style.display = 'none';
outer.appendChild(au);
</script>

加林森 发表于 2022-5-3 19:14

老黑的这个制作变化真多啊,很特别的。很漂亮。{:4_199:}

马黑黑 发表于 2022-5-3 19:15

加林森 发表于 2022-5-3 19:14
老黑的这个制作变化真多啊,很特别的。很漂亮。

特别有点儿,估计没人这么制作

加林森 发表于 2022-5-3 19:18

马黑黑 发表于 2022-5-3 19:15
特别有点儿,估计没人这么制作

嗯嗯。这个制作有点像光柱射向太空的感觉。

马黑黑 发表于 2022-5-3 19:19

加林森 发表于 2022-5-3 19:18
嗯嗯。这个制作有点像光柱射向太空的感觉。

它的元素是未来、平行世界啥的

加林森 发表于 2022-5-3 19:23

马黑黑 发表于 2022-5-3 19:19
它的元素是未来、平行世界啥的

哦,你真厉害。

马黑黑 发表于 2022-5-3 19:27

加林森 发表于 2022-5-3 19:23
哦,你真厉害。

我几何思维还行

大猫咪 发表于 2022-5-3 19:44

色彩丰富,制作帖一定很漂亮   老黑真棒,继续学习 {:4_204:}{:4_190:}{:4_179:}

红影 发表于 2022-5-3 20:08

意识流的创作?黑黑做的代码千变万化,梵高似的{:4_173:}

红影 发表于 2022-5-3 20:09

纯代码的帖子,竟能营造出这么多已经,真棒{:4_199:}

东篱闲人 发表于 2022-5-3 20:12

没看懂,要干啥玩意?{:5_115:}

马黑黑 发表于 2022-5-3 20:37

东篱闲人 发表于 2022-5-3 20:12
没看懂,要干啥玩意?

抽象的元素,比诗词还抽象吧

加林森 发表于 2022-5-3 20:39

马黑黑 发表于 2022-5-3 19:27
我几何思维还行

挺好的

马黑黑 发表于 2022-5-3 20:40

加林森 发表于 2022-5-3 20:39
挺好的

过得去

加林森 发表于 2022-5-3 20:42

马黑黑 发表于 2022-5-3 20:40
过得去

太过得去了。

马黑黑 发表于 2022-5-3 20:43

加林森 发表于 2022-5-3 20:42
太过得去了。

那就顺畅过去

加林森 发表于 2022-5-3 20:44

马黑黑 发表于 2022-5-3 20:43
那就顺畅过去

好的好的

马黑黑 发表于 2022-5-3 20:45

红影 发表于 2022-5-3 20:08
意识流的创作?黑黑做的代码千变万化,梵高似的

梵高眼睛受到强太阳光的刺激,看见到的景象已经非常人所能看到的,所以他的作品叫意象派

马黑黑 发表于 2022-5-3 20:46

大猫咪 发表于 2022-5-3 19:44
色彩丰富,制作帖一定很漂亮   老黑真棒,继续学习

{:4_190:}请用

马黑黑 发表于 2022-5-3 20:46

红影 发表于 2022-5-3 20:09
纯代码的帖子,竟能营造出这么多已经,真棒

代码量还不是很多
页: [1] 2 3
查看完整版本: