红影 发表于 2022-2-4 16:45

认真的雪 TO 马黑黑

<style>
.hy {
        left:-280px; top: 100px;box-shadow:4px 4px 5px #333;
        position: relative;
        width: 1200px;
        height: 660px;
        overflow: hidden;
        background: #000 url('http://image.hnol.net/c/2022-02/04/16/202202041600407771-5088534.gif') no-repeat;
}
.hy iframe {
        position: absolute;
        left: -108px;
        top: calc(100% - 90px);
        clip-path: circle(16px at 271px);
        opacity: 0.8;
}
.snow {
        position: absolute;
        top: 0; left: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-image:
                linear-gradient(0, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
                linear-gradient(45deg, rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%),
                linear-gradient(90deg, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
                linear-gradient(135deg, rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%);
        opacity: 0.5;
        animation: fly 16s linear infinite, xie 18s ease-in infinite;
}
@keyframes fly {
        100% { top: 100%; }
}
@keyframes xie {
        100% { transform: translateX(100px)rotate(360deg); }
}
</style>

<div id="hy" class="hy">
        <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="https://music.163.com/outchain/player?type=2&id=169185&auto=1&height=32"></iframe>
</div>
<br>&nbsp;</br>
<br>&nbsp;</br>
<br>&nbsp;</br>

<script language="javascript">

function addsnow() {
        var o = document.getElementById('hy');
        for(i=0; i<566; i++) {
                var snow = document.createElement('div');
                var hw = Rnd(5,20);
                snow.className = "snow";
                snow.style.top = Rnd(-600,-20) + "px";
                snow.style.animationDelay = Rnd(0,15) + "s";
                snow.style.animation.duration = Rnd( 5,12) + "s";
                snow.style.width = hw + "px";
                snow.style.height = hw + "px";
                snow.style.left = Rnd(-100,1190) + "px";
                o.appendChild(snow);
        }
}

function Rnd(min, max){ return Math.floor(Math.random() * (max - min + 1) + min); }

addsnow();

</script>

红影 发表于 2022-2-4 16:46

感谢黑黑的好礼，仿作个大雪纷飞回赠{:4_187:}

红影 发表于 2022-2-4 16:50

雪下下来之前的确有一小会时间的停滞，原来电脑也需要计算时间的{:4_173:}

红影 发表于 2022-2-4 16:51

@马黑黑

来看你 发表于 2022-2-4 17:10

很棒的制作 {:4_187:}

就觉得薛之谦这首歌最好

红影 发表于 2022-2-4 18:09

来看你 发表于 2022-2-4 17:10
很棒的制作

就觉得薛之谦这首歌最好

他说已经十几年没下雪的上海，觉得特别真实，的确好久没见到过雪了，说得太对了{:4_173:}

加林森 发表于 2022-2-4 19:25

我们这里昨晚下雪了，铺满了整个大院，大约有一指厚的。
红影好制作！

马黑黑 发表于 2022-2-4 19:38

红影 发表于 2022-2-4 16:50
雪下下来之前的确有一小会时间的停滞，原来电脑也需要计算时间的

这个不是计算问题，计算机计算这个很快的。是下雪的机制设置了delay延时，以营造参差的效果。是延时，不是计算能力问题。

红影 发表于 2022-2-4 20:34

加林森 发表于 2022-2-4 19:25
我们这里昨晚下雪了，铺满了整个大院，大约有一指厚的。
红影好制作！

我这今年就没下过雪，羡慕啊{:4_187:}

红影 发表于 2022-2-4 20:34

马黑黑 发表于 2022-2-4 19:38
这个不是计算问题，计算机计算这个很快的。是下雪的机制设置了delay延时，以营造参差的效果。是延时，不 ...

哦哦，是这样啊，我还理解错了{:4_173:}

加林森 发表于 2022-2-4 20:36

红影 发表于 2022-2-4 20:34
我这今年就没下过雪，羡慕啊

可惜我没有拍摄到，我在论坛上玩啊。

马黑黑 发表于 2022-2-4 20:56

红影 发表于 2022-2-4 20:34
哦哦，是这样啊，我还理解错了

实现机制混合很多东西，一下子弄不清是正常的

红影 发表于 2022-2-4 22:46

加林森 发表于 2022-2-4 20:36
可惜我没有拍摄到，我在论坛上玩啊。

看到过雪呢，还去北京滑雪玩过，只是我们这里比较少{:4_173:}

红影 发表于 2022-2-4 22:47

马黑黑 发表于 2022-2-4 20:56
实现机制混合很多东西，一下子弄不清是正常的

我还是看的不仔细。delay是延时，这个第一次知道{:4_173:}

加林森 发表于 2022-2-4 22:56

红影 发表于 2022-2-4 22:46
看到过雪呢，还去北京滑雪玩过，只是我们这里比较少

真的可惜了。今晚我在再看看。

红影 发表于 2022-2-4 23:00

加林森 发表于 2022-2-4 22:56
真的可惜了。今晚我在再看看。

队长那里下雪了？呵呵，我又做了个下雨的，这个在我们这里比较常见{:4_173:}

马黑黑 发表于 2022-2-4 23:03

红影 发表于 2022-2-4 22:47
我还是看的不仔细。delay是延时，这个第一次知道

英语基础这回显得有些重要了

加林森 发表于 2022-2-4 23:05

红影 发表于 2022-2-4 23:00
队长那里下雪了？呵呵，我又做了个下雨的，这个在我们这里比较常见

发哪里了？

红影 发表于 2022-2-5 10:08

马黑黑 发表于 2022-2-4 23:03
英语基础这回显得有些重要了

是的，不过看过一下就知道了，虽然默写不出来，但是含义肯定知道了{:4_173:}

红影 发表于 2022-2-5 10:09

加林森 发表于 2022-2-4 23:05
发哪里了？

也是水吧。发现做下雨和下雪的帖子，还还是用原本就是雪景和雨景的图图更真实。
页: [1] 2
查看完整版本: 认真的雪 TO 马黑黑