作者： Jet L

  • 【瞎捣鼓】4K Video Download中如何设置代理

    这里我们采用H开头的软件进行代理。

    主要设置的内容为代理类型、主机和端口。

    主机按照本机内网IP，端口按照H软件的混合端口填写。

    此外要打开H软件的允许局域网连接。

  • 【音乐】西伯利亚颂

    西伯利亚颂（俄语：Сибириада，音译。 Sibiriada）是一部 1979 年的苏联历史剧情片，由安德烈·康察洛夫斯基执导，莫斯科电影公司制作。这部由四部分组成的史诗跨越了 20 世纪的大部分时间。

    其中的主题曲：《西伯利亚颂》宏伟悠扬，音符仿佛横贯在西伯利亚广阔的林间，向我们娓娓诉说这里的故事。

    管弦乐版：

    MIX版：Our Dream – Sovietwave Mix

    关于作曲家：

    爱德华·尼古拉耶维奇·阿尔捷米耶夫（俄语：Эдуа́рд Никола́евич Арте́мьев，1937 年 11 月 30 日至 2022 年 12 月 29 日）是苏联和俄罗斯的电子音乐和电影配乐作曲家。在俄罗斯以外，他最出名的是他为电影配乐，如《在陌生人的家里》、《索拉里斯》、《西伯利亚》、《镜子》、《潜行者》和《被太阳烧伤》。1999 年被授予“俄罗斯人民艺术家”称号。

    其他使用：

    索契冬奥会上的经典一幕，小女孩柳波夫在俄罗斯历史表演环节的最后，伴随人声哼唱的西伯利亚颂，缓缓放飞了红色气球。

    另，关于截图右上角的LOGO，设计的也很有意思，可以参见：【设计】一种菱形平面的火焰表现形式

    延申：”Our Dream”——Randall Mackey的数字艺术作品

    名为”Our Dream”的数字艺术作品。

    出现在西伯利亚颂的Mix版本歌曲插图中。

    Learn more

  • 【设计】一种菱形平面的火焰表现形式

    来自索契冬奥会转播画面，应该是俄罗斯国家电视一频道+圣火的标志。

    用HTML粗糙实现类似效果，如果要精准复刻，还是需要位置和动画的精细调整。

    <style>
        /* 创建父容器来承载菱形，并设置其为 relative 定位 */
        .container {
            position: relative;
            width: 500px; /* 缩小容器的大小 */
            height: 500px; /* 缩小容器的大小 */
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: visible; /* 防止容器遮挡菱形动画 */
        }

        /* 菱形样式 */
        .diamond {
            position: absolute; /* 使用绝对定位来控制每个菱形的具体位置 */
            width: 60px; /* 缩小菱形的宽度 */
            height: 90px; /* 缩小菱形的高度 */
            background-color: yellow; /* 初始颜色为黄色 */
            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); /* 菱形形状 */
            animation: growDiamond 0.5s ease-in-out forwards, 
                      riseAndShrinkDiamond 1.5s ease-in infinite; /* 循环动画 */
            transform-origin: bottom center;
        }

        /* 菱形扩展动画 */
        @keyframes growDiamond {
            0% {
                transform: scaleY(0);
                opacity: 0;
            }
            100% {
                transform: scaleY(1);
                opacity: 1;
            }
        }

        /* 上升并缩小动画 */
        @keyframes riseAndShrinkDiamond {
            0% {
                transform: translateY(0) scale(1);
                opacity: 1;
                background-color: yellow;
            }
            100% {
                transform: translateY(-150px) scale(0.05); /* 缩小菱形的移动范围 */
                opacity: 0;
                background-color: red;
            }
        }

        /* 为每个菱形设置不同的初始位置、大小、延迟和动画 */
        .diamond:nth-child(1) {
            animation-delay: 0.2s;
            left: 50px; /* 自定义位置 */
            top: 50px;  /* 自定义位置 */
            transform: scale(1.2); /* 初始大小为1.2倍 */
        }

        .diamond:nth-child(2) {
            animation-delay: 0.4s;
            left: 60px;
            top: 70px;
            transform: scale(0.8); /* 初始大小为0.8倍 */
        }

        .diamond:nth-child(3) {
            animation-delay: 0.6s;
            left: 30px;
            top: 15px;
            transform: scale(1.5); /* 初始大小为1.5倍 */
        }

        .diamond:nth-child(4) {
            animation-delay: 0.8s;
            left: 40px;
            top: 20px;
            transform: scale(1);
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="diamond"></div> <!-- 第一个菱形 -->
        <div class="diamond"></div> <!-- 第二个菱形 -->
        <div class="diamond"></div> <!-- 第三个菱形 -->
        <div class="diamond"></div> <!-- 第四个菱形 -->
    </div>
</body>