马黑黑 发表于 2022-5-15 11:22

把海装进杯里

<style type="text/css">
.bgbox {
        width: 960px;
        height: 600px;
        left: -100px;
        background: skyblue url('/data/attachment/forum/202205/15/111940xvtgwwv2kw7jpcjw.jpg') no-repeat;
        position: relative;
}
.outer {
        width: 240px;
        height: 240px;
        left: 20px;
        top: 20px;
        border-radius: 50%;
        position: absolute;
}
.wrap {
        width: 240px;
        height: 240px;
        overflow: hidden;
        background-color: rgba(38,172,205,.95);
        border-radius: 50%;
        position: absolute;
}
.wrap::before, .wrap::after {
        content: '';
        position: absolute;
        width: 400px;
        margin-top: -220px;
        margin-left: -80px;
        height: 400px;
        transform-origin: 49% 47%;
        border-radius: 50%;
        background-color: #fff;
        animation: rot 4s linear infinite;
        opacity: .7;
}
.wrap::after{
        animation: rot 4s 2.5s linear infinite;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div class="bgbox">
        <div class="outer">
                <div class="wrap"></div>
        </div>
</div>

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

加林森 发表于 2022-5-15 11:34

老黑这个作品很美的，在宁静的大海里游戈，品尝一杯海水，不好玩的吃不得，不过装进杯里欣赏还是蛮好的。{:4_199:}

马黑黑 发表于 2022-5-15 11:58

加林森 发表于 2022-5-15 11:34
老黑这个作品很美的，在宁静的大海里游戈，品尝一杯海水，不好玩的吃不得，不过装进杯里欣赏还是蛮好的。{: ...

那是，远方和诗，就是酱紫

加林森 发表于 2022-5-15 12:20

马黑黑 发表于 2022-5-15 11:58
那是，远方和诗，就是酱紫

是的，凭直觉去遐想更加醉人的。

马黑黑 发表于 2022-5-15 12:22

加林森 发表于 2022-5-15 12:20
是的，凭直觉去遐想更加醉人的。

这就是脑补{:4_170:}

加林森 发表于 2022-5-15 12:31

马黑黑 发表于 2022-5-15 12:22
这就是脑补

肯定的嘛{:4_172:}

大猫咪 发表于 2022-5-15 12:34

这个也非常喜欢   谢谢老黑   空了学习{:4_187:} 周末快乐{:4_179:}{:4_191:}

醉美水芙蓉 发表于 2022-5-15 12:37

红影 发表于 2022-5-15 12:51

黑黑好漂亮的制作。去看了代码，没理解为什么杯子里有2道波，而且颜色不一样。{:4_203:}

马黑黑 发表于 2022-5-15 12:58

红影 发表于 2022-5-15 12:51
黑黑好漂亮的制作。去看了代码，没理解为什么杯子里有2道波，而且颜色不一样。

就是好2的样纸

马黑黑 发表于 2022-5-15 13:01

加林森 发表于 2022-5-15 12:31
肯定的嘛

是的了

马黑黑 发表于 2022-5-15 13:05

大猫咪 发表于 2022-5-15 12:34
这个也非常喜欢   谢谢老黑   空了学习   周末快乐

{:4_190:}

马黑黑 发表于 2022-5-15 13:05

醉美水芙蓉 发表于 2022-5-15 12:37
谢谢黑黑老师分享！太漂亮了！

{:4_180:}

小辣椒 发表于 2022-5-15 13:08

黑黑这海不在杯子里面欣赏，直接大海欣赏多好

马黑黑 发表于 2022-5-15 13:09

小辣椒 发表于 2022-5-15 13:08
黑黑这海不在杯子里面欣赏，直接大海欣赏多好

我不会水

四海八荒 发表于 2022-5-15 13:10

取一杯天上的水

四海八荒 发表于 2022-5-15 13:10

取一杯海里的水

小辣椒 发表于 2022-5-15 13:10

把这个圆的直接改界面大小可以吗，我这个自己瞎捣鼓试试

马黑黑 发表于 2022-5-15 13:12

小辣椒 发表于 2022-5-15 13:10
把这个圆的直接改界面大小可以吗，我这个自己瞎捣鼓试试

理论上可以，不太好控制

加林森 发表于 2022-5-15 13:14

马黑黑 发表于 2022-5-15 13:01
是的了

那就好。
页: [1] 2
查看完整版本: 把海装进杯里