小辣椒 发表于 2022-5-4 17:54

我爱你塞北的雪(套用黑黑代码)TO:黑黑


<style>
.outer { left: -420px; width: 1440px; height: 796px;top:150px; background: linear-gradient(45deg, red, green), url('https://wj.zp68.com/lxx/yunhua/20211117/6F.gif') no-repeat center/cover; background-blend-mode: overlay, normal; filter: drop-shadow(0 0 10px gray); opacity: .95; position: relative; }
.outer h2 { margin: 0; position: absolute; left: 10%; top: 730px; font: bold 2em sans-serif; color: teal; text-shadow: 1px 1px 2px #222; }
.spic { position: absolute; width: 200px; height: 200px; top: 50px; mix-blend-mode: multiply; }
.r-small { position: absolute; width: 100px; height: 100px; border-radius: 50%; top: calc(100% - 120px); left: calc(100% - 120px); cursor: pointer; text-align: center; animation: rot 6s linear infinite; }
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div class="outer">
        <h2>帖赠黑黑</h2>
        <img class="spic" src="http://image.hnol.net/c/2022-05/04/17/20220504171431441-5087368.gif" alt="" />
        <div class="outer r-small"></div>
</div>

<script>
let flag = true;
let ele = document.querySelector('.r-small');
let au = document.createElement('audio');
au.src = 'https://wj.zp68.com/lxx/yunhua/20211117/05.mp3';
au.loop = true;
au.autoplay = flag;
au.style.display = 'none';
ele.appendChild(au);
if(!flag) ele.style.animationPlayState = 'paused';
ele.onclick = function() { flag ? (au.pause(), this.style.animationPlayState = 'paused', flag = false) : (au.play(), this.style.animationPlayState = 'running', flag = true); }
</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>

小辣椒 发表于 2022-5-4 17:58

谢谢黑黑的礼物,小辣椒套用一个,现成的图图和音乐,非常美的代码爱了爱了{:4_199:}

加林森 发表于 2022-5-4 17:59

小辣椒制作得真漂亮。{:4_199:}帮着喊!@马黑黑收礼开森!

小辣椒 发表于 2022-5-4 17:59

说真的,不上来也是不会心动,刚才看见黑黑的礼物真的一下子有种冲动。。。。。

小辣椒 发表于 2022-5-4 18:01

小辣椒偷懒没有加其他效果,直接套用了代码,这样感觉轻松的,以后就玩纯套用黑黑的了{:4_173:}

小辣椒 发表于 2022-5-4 18:02

再次谢谢黑黑的礼物,让我有点回到做帖的感觉了。

小辣椒 发表于 2022-5-4 18:04

加林森 发表于 2022-5-4 17:59
小辣椒制作得真漂亮。帮着喊!@马黑黑收礼开森!

谢谢队长,现在小辣椒做帖没有什么感觉了。。。。。。

加林森 发表于 2022-5-4 18:15

小辣椒 发表于 2022-5-4 18:04
谢谢队长,现在小辣椒做帖没有什么感觉了。。。。。。

制作得挺好的呀。我还在继续学习呢。

马黑黑 发表于 2022-5-4 18:34

大气,漂酿

绿叶清舟 发表于 2022-5-4 19:46

辣椒身体好了吧

红影 发表于 2022-5-4 20:14

看到亲爱的上来,身体咋样了?抱抱,看到你开心呢{:4_179:}

红影 发表于 2022-5-4 20:15

原来动图也可以做个小图按钮呢,这个真漂亮{:4_187:}

大猫咪 发表于 2022-5-4 20:30

辣椒这制作太漂亮了,音乐也非常喜欢,场景好热闹,看着舒服,赞!!!

{:4_187:}{:4_179:}{:4_190:}

樵歌 发表于 2022-5-4 20:59

看到小辣椒来做美图了,真开心。{:4_187:}{:4_185:}

马黑黑 发表于 2022-5-4 21:06

图片部分动静,是图片就可以做背景。然后它和线性渐变配合,辅以底图的混合滤镜,就能达到一些特别的效果。小辣椒掌握得很好,经验和感悟在那里。身体好后,补补基础课,就会比东篱教授高出一筹。

千羽 发表于 2022-5-4 21:21

这大场雪景做背景图好美,小人儿动图放这里太美妙了,好喜欢这画面{:4_187:}

千羽 发表于 2022-5-4 21:22

好高兴小辣椒来了,{:4_179:}

千羽 发表于 2022-5-4 21:35

音乐也喜欢{:4_181:}

加林森 发表于 2022-5-5 16:16

{:4_178:}出来!再来欣赏!

顾-念 发表于 2022-5-6 20:48

才看见这贴,小辣椒身体好了吧。祝夏安!

黄昏的雪天,这画面让人期待
页: [1] 2
查看完整版本: 我爱你塞北的雪(套用黑黑代码)TO:黑黑