马黑黑 发表于 2022-5-21 08:40

出路

<style>
.papa {
        left: -20px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 800px;
        height: 600px;
        background-color: rgba(100,149,237,.65);
        background-image:
                linear-gradient(to right top, rgba(119,136,153,.45) 50%, transparent 50%),
                linear-gradient(to right bottom, rgba(119,136,153,.45) 50%, transparent 50%),
                radial-gradient(at 40% 50%,rgba(255,255,255,.95),transparent);
        background-size: 400px 300px;
        box-shadow: 1px 1px 10px gray;
        position: relative;
}
.papa img {         position: absolute; width: 200px; mix-blend-mode: darken; }
.papa img:nth-child(1) { transform: translate(-200px); }
.papa img:nth-child(2) { transform: rotate(30deg) translate(100px); }
</style>

<div class="papa">
        <img src="/data/attachment/forum/202205/21/081015bsjtogh2g42m2gd2.jpg" alt="" />
        <img src="/data/attachment/forum/202205/21/081015bsjtogh2g42m2gd2.jpg" alt="" />
</div>

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

红影 发表于 2022-5-21 09:09

这个底图代码漂亮，很有立体感呢{:4_187:}

红影 发表于 2022-5-21 09:12

滤镜的使用，让蜗牛看起来像PNG图图了，真神奇{:4_187:}

加林森 发表于 2022-5-21 09:15

老黑制作得真漂亮。地砖很有立体感的。不过，来黑什么时候变成那啥的？{:4_199:}{:4_189:}

马黑黑 发表于 2022-5-21 09:31

红影 发表于 2022-5-21 09:09
这个底图代码漂亮，很有立体感呢

相对简单：

        background-color: rgba(100,149,237,.65);
        background-image:
                linear-gradient(to right top, rgba(119,136,153,.45) 50%, transparent 50%),
                linear-gradient(to right bottom, rgba(119,136,153,.45) 50%, transparent 50%),
                radial-gradient(at 40% 50%,rgba(255,255,255,.95),transparent);
        background-size: 400px 300px;

渐变色配合底色。线性渐变两组，都是对角线的设计；径向渐变一组，起点缀作用。背景尺寸设为元素高宽的一半，相当于两份图案拼凑起来。

马黑黑 发表于 2022-5-21 09:32

红影 发表于 2022-5-21 09:12
滤镜的使用，让蜗牛看起来像PNG图图了，真神奇

滤镜的特点掌握了，用起来就可以达到出神入化的效果

马黑黑 发表于 2022-5-21 09:33

加林森 发表于 2022-5-21 09:15
老黑制作得真漂亮。地砖很有立体感的。不过，来黑什么时候变成那啥的？

那啥是啥

加林森 发表于 2022-5-21 10:17

马黑黑 发表于 2022-5-21 09:33
那啥是啥

老蜗牛在慢慢爬。。。。{:4_189:}

马黑黑 发表于 2022-5-21 10:42

加林森 发表于 2022-5-21 10:17
老蜗牛在慢慢爬。。。。

寻找出路

加林森 发表于 2022-5-21 10:52

马黑黑 发表于 2022-5-21 10:42
寻找出路

嗯嗯。挺真实的。

马黑黑 发表于 2022-5-21 11:32

加林森 发表于 2022-5-21 10:52
嗯嗯。挺真实的。

蜗牛宠物经常想出逃

加林森 发表于 2022-5-21 11:33

马黑黑 发表于 2022-5-21 11:32
蜗牛宠物经常想出逃

是的。

马黑黑 发表于 2022-5-21 11:34

加林森 发表于 2022-5-21 11:33
是的。

看样子你也养过？

大猫咪 发表于 2022-5-21 11:36

蜗牛看上去是蒙圈了，哈哈   谢谢老黑，又出好玩的，辛苦 {:4_179:}周末快乐！

加林森 发表于 2022-5-21 11:40

马黑黑 发表于 2022-5-21 11:34
看样子你也养过？

都是小时候养过的。

小辣椒 发表于 2022-5-21 11:54

有点像一副壁画，这个蜗牛颜色特别漂亮 平时看见黑乎乎的蜗牛挺怕的，这里一点不感觉怕{:4_189:}

马黑黑 发表于 2022-5-21 11:59

小辣椒 发表于 2022-5-21 11:54
有点像一副壁画，这个蜗牛颜色特别漂亮 平时看见黑乎乎的蜗牛挺怕的，这里一点不感觉怕

宠物蜗牛是要选好看一点的

马黑黑 发表于 2022-5-21 12:00

加林森 发表于 2022-5-21 11:40
都是小时候养过的。

对，小男孩都会养这类东东

加林森 发表于 2022-5-21 12:02

马黑黑 发表于 2022-5-21 12:00
对，小男孩都会养这类东东

{:4_170:}

小辣椒 发表于 2022-5-21 12:04

马黑黑 发表于 2022-5-21 11:59
宠物蜗牛是要选好看一点的

还有人养蜗牛宠物，我看看都感觉肉麻
页: [1] 2
查看完整版本: 出路