我爱你塞北的雪(套用黑黑代码)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> 谢谢黑黑的礼物,小辣椒套用一个,现成的图图和音乐,非常美的代码爱了爱了{:4_199:} 小辣椒制作得真漂亮。{:4_199:}帮着喊!@马黑黑收礼开森! 说真的,不上来也是不会心动,刚才看见黑黑的礼物真的一下子有种冲动。。。。。
小辣椒偷懒没有加其他效果,直接套用了代码,这样感觉轻松的,以后就玩纯套用黑黑的了{:4_173:} 再次谢谢黑黑的礼物,让我有点回到做帖的感觉了。 加林森 发表于 2022-5-4 17:59
小辣椒制作得真漂亮。帮着喊!@马黑黑收礼开森!
谢谢队长,现在小辣椒做帖没有什么感觉了。。。。。。
小辣椒 发表于 2022-5-4 18:04
谢谢队长,现在小辣椒做帖没有什么感觉了。。。。。。
制作得挺好的呀。我还在继续学习呢。 大气,漂酿 辣椒身体好了吧 看到亲爱的上来,身体咋样了?抱抱,看到你开心呢{:4_179:} 原来动图也可以做个小图按钮呢,这个真漂亮{:4_187:} 辣椒这制作太漂亮了,音乐也非常喜欢,场景好热闹,看着舒服,赞!!!
{:4_187:}{:4_179:}{:4_190:} 看到小辣椒来做美图了,真开心。{:4_187:}{:4_185:} 图片部分动静,是图片就可以做背景。然后它和线性渐变配合,辅以底图的混合滤镜,就能达到一些特别的效果。小辣椒掌握得很好,经验和感悟在那里。身体好后,补补基础课,就会比东篱教授高出一筹。 这大场雪景做背景图好美,小人儿动图放这里太美妙了,好喜欢这画面{:4_187:} 好高兴小辣椒来了,{:4_179:} 音乐也喜欢{:4_181:} {:4_178:}出来!再来欣赏! 才看见这贴,小辣椒身体好了吧。祝夏安!
黄昏的雪天,这画面让人期待
页:
[1]
2