2. Linux.do
  3. DeepSeek V4 Pro 0813 官网版 鹈鹕骑车 测试

DeepSeek V4 Pro 0813 官网版 鹈鹕骑车 测试

资深继续工程师 2026-08-13 12:10 1



为啥发出来不是动图，有佬教一下怎么发html或着动图svg吗 ^-^

没招了没学会怎么上传能动的gif，试试看能不能把完成html发出来


<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>鹈鹕骑自行车 - SVG动画</title>

    <style>

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }

        body {

            display: flex;

            justify-content: center;

            align-items: center;

            min-height: 100vh;

            background: linear-gradient(to bottom, #7ec8e3 0%, #b8e0f0 35%, #d4ecd4 36%, #a8d5a2 65%, #7cb86c 100%);

            overflow: hidden;

            font-family: 'Comic Sans MS', 'Chalkboard SE', 'PingFang SC', 'Microsoft YaHei', sans-serif;

        }

        svg {

            max-width: 100vw;

            max-height: 100vh;

            display: block;

            filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.15));

            border-radius: 24px;

        }

    </style>

</head>

<body>

    <svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" width="800" height="600">

        <defs>

            <!-- 渐变背景 -->

            <linearGradient id="skyGradient" x1="0" y1="0" x2="0" y2="1">

                <stop offset="0%" stop-color="#7ec8e3"/>

                <stop offset="45%" stop-color="#c5e8f7"/>

                <stop offset="55%" stop-color="#dff0d8"/>

                <stop offset="100%" stop-color="#b5d9a8"/>

            </linearGradient>

            <!-- 地面渐变 -->

            <linearGradient id="groundGradient" x1="0" y1="0" x2="0" y2="1">

                <stop offset="0%" stop-color="#8bc47a"/>

                <stop offset="100%" stop-color="#5da04a"/>

            </linearGradient>

            <!-- 鹈鹕身体渐变 -->

            <radialGradient id="pelicanBodyGradient" cx="0.4" cy="0.35" r="0.75">

                <stop offset="0%" stop-color="#fefdf9"/>

                <stop offset="70%" stop-color="#f0ece2"/>

                <stop offset="100%" stop-color="#dcd5c5"/>

            </radialGradient>

            <!-- 鹈鹕喙渐变 -->

            <linearGradient id="beakGradient" x1="0" y1="0" x2="1" y2="0.2">

                <stop offset="0%" stop-color="#e8833a"/>

                <stop offset="60%" stop-color="#f09d54"/>

                <stop offset="100%" stop-color="#d46e2a"/>

            </linearGradient>

            <!-- 喉囊渐变 -->

            <linearGradient id="pouchGradient" x1="0" y1="0" x2="0" y2="1">

                <stop offset="0%" stop-color="#f5c16c"/>

                <stop offset="70%" stop-color="#e8a84e"/>

                <stop offset="100%" stop-color="#d98e36"/>

            </linearGradient>

            <!-- 轮子渐变 -->

            <radialGradient id="wheelGradient" cx="0.5" cy="0.5" r="0.5">

                <stop offset="0%" stop-color="#666"/>

                <stop offset="80%" stop-color="#444"/>

                <stop offset="100%" stop-color="#222"/>

            </radialGradient>

            <!-- 太阳光晕 -->

            <radialGradient id="sunGlow" cx="0.5" cy="0.5" r="0.5">

                <stop offset="0%" stop-color="#fff8e0" stop-opacity="1"/>

                <stop offset="40%" stop-color="#ffe680" stop-opacity="0.7"/>

                <stop offset="100%" stop-color="#ffcc00" stop-opacity="0"/>

            </radialGradient>

        </defs>



        <!-- 天空背景 -->

        <rect x="0" y="0" width="800" height="600" fill="url(#skyGradient)"/>



        <!-- 太阳 -->

        <circle cx="690" cy="90" r="50" fill="url(#sunGlow)" opacity="0.6"/>

        <circle cx="690" cy="90" r="32" fill="#FFE066"/>

        <circle cx="690" cy="90" r="28" fill="#FFF5C2"/>



        <!-- 云朵组 1 -->

        <g opacity="0.85">

            <animateTransform attributeName="transform" type="translate" from="-150 0" to="950 0" dur="45s" repeatCount="indefinite"/>

            <ellipse cx="120" cy="110" rx="52" ry="26" fill="#ffffff"/>

            <ellipse cx="165" cy="100" rx="42" ry="22" fill="#ffffff"/>

            <ellipse cx="85" cy="102" rx="38" ry="20" fill="#fefefe"/>

            <ellipse cx="140" cy="115" rx="48" ry="18" fill="#f8f8f8"/>

        </g>



        <!-- 云朵组 2 -->

        <g opacity="0.7">

            <animateTransform attributeName="transform" type="translate" from="-300 0" to="900 0" dur="55s" repeatCount="indefinite"/>

            <ellipse cx="380" cy="70" rx="45" ry="20" fill="#ffffff"/>

            <ellipse cx="420" cy="62" rx="36" ry="18" fill="#ffffff"/>

            <ellipse cx="345" cy="65" rx="30" ry="16" fill="#fcfcfc"/>

        </g>



        <!-- 云朵组 3 -->

        <g opacity="0.65">

            <animateTransform attributeName="transform" type="translate" from="-500 0" to="800 0" dur="60s" repeatCount="indefinite"/>

            <ellipse cx="580" cy="140" rx="38" ry="16" fill="#ffffff"/>

            <ellipse cx="615" cy="133" rx="30" ry="14" fill="#ffffff"/>

        </g>



        <!-- 地面 -->

        <rect x="0" y="495" width="800" height="105" fill="url(#groundGradient)"/>

        <!-- 地面草地细节 -->

        <path d="M 20 500 Q 25 488 30 500" stroke="#6aad58" stroke-width="2" fill="none"/>

        <path d="M 80 502 Q 85 490 90 502" stroke="#6aad58" stroke-width="2" fill="none"/>

        <path d="M 150 498 Q 156 484 162 498" stroke="#5fa34e" stroke-width="2" fill="none"/>

        <path d="M 320 500 Q 326 486 332 500" stroke="#6aad58" stroke-width="2" fill="none"/>

        <path d="M 480 501 Q 486 489 492 501" stroke="#5fa34e" stroke-width="2" fill="none"/>

        <path d="M 600 499 Q 605 487 610 499" stroke="#6aad58" stroke-width="2" fill="none"/>

        <path d="M 720 502 Q 726 488 732 502" stroke="#5fa34e" stroke-width="2" fill="none"/>

        <path d="M 760 498 Q 765 485 770 498" stroke="#6aad58" stroke-width="2" fill="none"/>

        <!-- 小花 -->

        <circle cx="100" cy="496" r="4" fill="#FF9EC5"/>

        <circle cx="100" cy="496" r="2" fill="#FFD700"/>

        <circle cx="580" cy="497" r="3.5" fill="#FFB3C8"/>

        <circle cx="580" cy="497" r="1.8" fill="#FFD700"/>

        <circle cx="400" cy="498" r="3" fill="#FFC4D8"/>

        <circle cx="400" cy="498" r="1.5" fill="#FFE066"/>



        <!-- ==================== 自行车 ==================== -->



        <!-- 自行车链条（上） -->

        <line x1="400" y1="427" x2="250" y2="437" stroke="#555" stroke-width="3" stroke-dasharray="6 4" opacity="0.7"/>

        <!-- 自行车链条（下） -->

        <line x1="400" y1="433" x2="250" y2="443" stroke="#555" stroke-width="3" stroke-dasharray="6 4" opacity="0.7"/>



        <!-- 自行车架 -->

        <g stroke="#3d3d3d" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="none">

            <!-- 后轮轴到中轴 -->

            <line x1="250" y1="440" x2="400" y2="430"/>

            <!-- 中轴到前轮轴 -->

            <line x1="400" y1="430" x2="550" y2="440"/>

            <!-- 后轮轴到座椅柱顶 -->

            <line x1="250" y1="440" x2="340" y2="325"/>

            <!-- 中轴到座椅柱顶 -->

            <line x1="400" y1="430" x2="340" y2="325"/>

            <!-- 中轴到把手柱顶 -->

            <line x1="400" y1="430" x2="510" y2="315"/>

            <!-- 前轮轴到把手柱顶 -->

            <line x1="550" y1="440" x2="510" y2="315"/>

            <!-- 座椅柱顶到后轮轴（加固） -->

            <line x1="340" y1="325" x2="250" y2="440" stroke-width="3" opacity="0.4"/>

        </g>



        <!-- 自行车座椅 -->

        <g>

            <ellipse cx="340" cy="320" rx="22" ry="7" fill="#3a3a3a" transform="rotate(-8 340 320)"/>

            <rect x="336" y="322" width="8" height="12" rx="2" fill="#4a4a4a"/>

        </g>



        <!-- 自行车把手 -->

        <g stroke="#3d3d3d" stroke-width="5" stroke-linecap="round" fill="none">

            <path d="M 505 315 Q 520 305 535 310 Q 548 315 542 325" stroke-width="4"/>

            <path d="M 505 315 Q 500 310 510 305" stroke-width="4"/>

            <circle cx="535" cy="310" r="5" fill="#3a3a3a" stroke="none"/>

            <circle cx="510" cy="305" r="5" fill="#3a3a3a" stroke="none"/>

        </g>



        <!-- 后轮组 -->

        <g>

            <animateTransform attributeName="transform" type="rotate" from="0 250 440" to="360 250 440" dur="1.8s" repeatCount="indefinite"/>

            <!-- 轮胎 -->

            <circle cx="250" cy="440" r="55" fill="none" stroke="#333" stroke-width="7"/>

            <!-- 轮圈 -->

            <circle cx="250" cy="440" r="48" fill="none" stroke="#666" stroke-width="2.5"/>

            <!-- 内圈 -->

            <circle cx="250" cy="440" r="6" fill="#555"/>

            <circle cx="250" cy="440" r="3" fill="#888"/>

            <!-- 辐条 -->

            <g stroke="#999" stroke-width="1.5">

                <line x1="250" y1="440" x2="298" y2="440"/>

                <line x1="250" y1="440" x2="283.9" y2="473.9"/>

                <line x1="250" y1="440" x2="250" y2="488"/>

                <line x1="250" y1="440" x2="216.1" y2="473.9"/>

                <line x1="250" y1="440" x2="202" y2="440"/>

                <line x1="250" y1="440" x2="216.1" y2="406.1"/>

                <line x1="250" y1="440" x2="250" y2="392"/>

                <line x1="250" y1="440" x2="283.9" y2="406.1"/>

            </g>

        </g>



        <!-- 前轮组 -->

        <g>

            <animateTransform attributeName="transform" type="rotate" from="0 550 440" to="360 550 440" dur="1.8s" repeatCount="indefinite"/>

            <circle cx="550" cy="440" r="55" fill="none" stroke="#333" stroke-width="7"/>

            <circle cx="550" cy="440" r="48" fill="none" stroke="#666" stroke-width="2.5"/>

            <circle cx="550" cy="440" r="6" fill="#555"/>

            <circle cx="550" cy="440" r="3" fill="#888"/>

            <g stroke="#999" stroke-width="1.5">

                <line x1="550" y1="440" x2="598" y2="440"/>

                <line x1="550" y1="440" x2="583.9" y2="473.9"/>

                <line x1="550" y1="440" x2="550" y2="488"/>

                <line x1="550" y1="440" x2="516.1" y2="473.9"/>

                <line x1="550" y1="440" x2="502" y2="440"/>

                <line x1="550" y1="440" x2="516.1" y2="406.1"/>

                <line x1="550" y1="440" x2="550" y2="392"/>

                <line x1="550" y1="440" x2="583.9" y2="406.1"/>

            </g>

        </g>



        <!-- ==================== 曲柄和踏板 ==================== -->

        <!-- 曲柄轴 -->

        <circle cx="400" cy="430" r="8" fill="#4a4a4a" stroke="#3d3d3d" stroke-width="2"/>



        <!-- 曲柄组（旋转） -->

        <g>

            <animateTransform attributeName="transform" type="rotate" from="0 400 430" to="360 400 430" dur="1.8s" repeatCount="indefinite"/>

            <!-- 右曲柄 -->

            <line x1="400" y1="430" x2="432" y2="430" stroke="#4a4a4a" stroke-width="7" stroke-linecap="round"/>

            <!-- 右踏板 -->

            <rect x="420" y="423" width="26" height="14" rx="4" fill="#555" stroke="#444" stroke-width="2"/>

            <!-- 右踏板细节 -->

            <line x1="424" y1="425" x2="442" y2="425" stroke="#777" stroke-width="1.5"/>

            <line x1="424" y1="430" x2="442" y2="430" stroke="#777" stroke-width="1.5"/>

            <line x1="424" y1="435" x2="442" y2="435" stroke="#777" stroke-width="1.5"/>



            <!-- 左曲柄 -->

            <line x1="400" y1="430" x2="368" y2="430" stroke="#4a4a4a" stroke-width="7" stroke-linecap="round"/>

            <!-- 左踏板 -->

            <rect x="354" y="423" width="26" height="14" rx="4" fill="#555" stroke="#444" stroke-width="2"/>

            <line x1="358" y1="425" x2="376" y2="425" stroke="#777" stroke-width="1.5"/>

            <line x1="358" y1="430" x2="376" y2="430" stroke="#777" stroke-width="1.5"/>

            <line x1="358" y1="435" x2="376" y2="435" stroke="#777" stroke-width="1.5"/>

        </g>



        <!-- ==================== 鹈鹕腿 ==================== -->

        <!-- 右腿（从身体底部到右踏板） -->

        <g>

            <line x1="325" y1="298" x2="432" y2="430" stroke="#e07b30" stroke-width="6" stroke-linecap="round" stroke-linejoin="round">

                <animate attributeName="x2" 

                    values="432;422.6;400;377.4;368;377.4;400;422.6;432" 

                    keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                    dur="1.8s" repeatCount="indefinite"/>

                <animate attributeName="y2" 

                    values="430;452.6;462;452.6;430;407.4;398;407.4;430" 

                    keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                    dur="1.8s" repeatCount="indefinite"/>

            </line>

            <!-- 右腿膝盖关节 -->

            <circle r="5" fill="#d06d24">

                <animate attributeName="cx" 

                    values="378;389;371;355;347;355;371;389;378" 

                    keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                    dur="1.8s" repeatCount="indefinite"/>

                <animate attributeName="cy" 

                    values="364;372;378;365;348;341;333;341;364" 

                    keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                    dur="1.8s" repeatCount="indefinite"/>

            </circle>

        </g>



        <!-- 左腿（从身体底部到左踏板） -->

        <g>

            <line x1="305" y1="295" x2="368" y2="430" stroke="#e07b30" stroke-width="6" stroke-linecap="round" stroke-linejoin="round">

                <animate attributeName="x2" 

                    values="368;377.4;400;422.6;432;422.6;400;377.4;368" 

                    keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                    dur="1.8s" repeatCount="indefinite"/>

                <animate attributeName="y2" 

                    values="430;407.4;398;407.4;430;452.6;462;452.6;430" 

                    keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                    dur="1.8s" repeatCount="indefinite"/>

            </line>

            <!-- 左腿膝盖关节 -->

            <circle r="5" fill="#d06d24">

                <animate attributeName="cx" 

                    values="347;355;371;389;378;389;371;355;347" 

                    keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                    dur="1.8s" repeatCount="indefinite"/>

                <animate attributeName="cy" 

                    values="348;341;333;341;364;372;378;365;348" 

                    keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                    dur="1.8s" repeatCount="indefinite"/>

            </circle>

        </g>



        <!-- ==================== 鹈鹕身体（含浮动动画） ==================== -->

        <g>

            <animateTransform attributeName="transform" type="translate" 

                values="0 0; 0 -4; 0 -2; 0 -5; 0 -2; 0 0" 

                keyTimes="0; 0.15; 0.3; 0.5; 0.7; 1" 

                dur="1.8s" repeatCount="indefinite"/>



            <!-- 鹈鹕尾巴 -->

            <g>

                <path d="M 258 248 Q 225 238 218 255 Q 235 262 258 262 Z" fill="#e8e2d4" stroke="#d0c8b8" stroke-width="1.5"/>

                <path d="M 252 250 Q 230 244 225 254" stroke="#d0c8b8" stroke-width="1.5" fill="none"/>

            </g>



            <!-- 鹈鹕身体 -->

            <ellipse cx="320" cy="255" rx="75" ry="52" fill="url(#pelicanBodyGradient)" stroke="#d0c8b8" stroke-width="1.5"/>

            <!-- 身体高光 -->

            <ellipse cx="305" cy="240" rx="40" ry="22" fill="#ffffff" opacity="0.35"/>



            <!-- 鹈鹕脖子（连接身体和头部） -->

            <path d="M 360 215 Q 395 195 415 185 Q 390 215 355 245 Z" fill="#f5f2eb" stroke="#d0c8b8" stroke-width="1"/>

            <path d="M 370 218 Q 400 200 418 190" fill="none" stroke="#e8e2d4" stroke-width="2"/>



            <!-- 鹈鹕头部 -->

            <circle cx="445" cy="185" r="30" fill="#f8f5ef" stroke="#d0c8b8" stroke-width="1.5"/>

            <!-- 头部高光 -->

            <ellipse cx="438" cy="175" rx="12" ry="8" fill="#ffffff" opacity="0.5"/>

            <!-- 头部羽毛细节 -->

            <path d="M 455 160 Q 460 155 458 162" stroke="#d8d0c0" stroke-width="1.5" fill="none"/>

            <path d="M 448 157 Q 452 152 450 159" stroke="#d8d0c0" stroke-width="1.5" fill="none"/>



            <!-- 鹈鹕眼睛 -->

            <circle cx="455" cy="177" r="6" fill="#1a1a1a"/>

            <circle cx="453" cy="175" r="2.5" fill="#ffffff"/>

            <circle cx="457" cy="179" r="1.2" fill="#ffffff" opacity="0.5"/>



            <!-- 鹈鹕上喙 -->

            <path d="M 462 170 Q 510 158 560 168 Q 578 172 582 178 Q 570 175 545 176 Q 510 178 462 180 Z" 

                fill="url(#beakGradient)" stroke="#c86820" stroke-width="1.2"/>

            <!-- 上喙高光 -->

            <path d="M 465 172 Q 510 162 550 170" stroke="#f5b070" stroke-width="2" fill="none" opacity="0.6"/>



            <!-- 鹈鹕下喙 -->

            <path d="M 462 185 Q 510 190 555 190 Q 570 190 572 194 Q 540 194 500 192 Q 470 191 462 189 Z" 

                fill="#e8833a" stroke="#c86820" stroke-width="1.2"/>

            <!-- 下喙高光 -->

            <path d="M 465 187 Q 510 191 545 191" stroke="#f5b070" stroke-width="1.5" fill="none" opacity="0.5"/>



            <!-- 鹈鹕喉囊 -->

            <path d="M 466 190 Q 490 232 530 238 Q 555 236 568 195 Q 545 212 510 204 Q 480 196 466 190 Z" 

                fill="url(#pouchGradient)" stroke="#d98e36" stroke-width="1.5" opacity="0.9"/>

            <!-- 喉囊高光 -->

            <path d="M 475 194 Q 495 220 525 228" stroke="#f8d090" stroke-width="2.5" fill="none" opacity="0.5"/>

            <!-- 喉囊纹理 -->

            <path d="M 480 200 Q 500 210 520 215" stroke="#d98e36" stroke-width="1" fill="none" opacity="0.4"/>

            <path d="M 485 208 Q 505 216 522 220" stroke="#d98e36" stroke-width="1" fill="none" opacity="0.3"/>



            <!-- 喙尖端 -->

            <circle cx="578" cy="177" r="3" fill="#d46e2a"/>

            <circle cx="572" cy="193" r="2.5" fill="#d46e2a"/>



            <!-- 鹈鹕翅膀（含扇动动画） -->

            <g>

                <animateTransform attributeName="transform" type="rotate" 

                    values="0 300 240; 8 300 240; 3 300 240; -6 300 240; 3 300 240; 0 300 240" 

                    keyTimes="0; 0.2; 0.4; 0.6; 0.8; 1" 

                    dur="1.8s" repeatCount="indefinite"/>

                <!-- 翅膀主体 -->

                <path d="M 302 238 Q 265 215 238 222 Q 235 228 248 238 Q 260 250 275 255 Q 288 258 302 248 Z" 

                    fill="#e0d8c8" stroke="#c8bca8" stroke-width="1.5"/>

                <!-- 翅膀羽毛 -->

                <path d="M 290 240 Q 258 225 240 230" stroke="#c8bca8" stroke-width="1.5" fill="none"/>

                <path d="M 285 245 Q 255 233 242 238" stroke="#c8bca8" stroke-width="1.5" fill="none"/>

                <path d="M 275 250 Q 250 242 240 246" stroke="#c8bca8" stroke-width="1.2" fill="none"/>

                <!-- 翅膀尖端 -->

                <path d="M 240 224 Q 232 220 228 228 Q 234 226 240 224 Z" fill="#b0a894"/>

                <path d="M 244 232 Q 236 228 232 236 Q 238 234 244 232 Z" fill="#b0a894"/>

            </g>



            <!-- 鹈鹕的脚（在踏板上方） -->

            <!-- 右脚 -->

            <g>

                <ellipse cx="432" cy="420" rx="8" ry="5" fill="#e07b30" stroke="#c86820" stroke-width="1.5">

                    <animate attributeName="cx" 

                        values="432;422.6;400;377.4;368;377.4;400;422.6;432" 

                        keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                        dur="1.8s" repeatCount="indefinite"/>

                    <animate attributeName="cy" 

                        values="420;442.6;452;442.6;420;397.4;388;397.4;420" 

                        keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                        dur="1.8s" repeatCount="indefinite"/>

                </ellipse>

                <!-- 蹼足趾 -->

                <path d="M 428 418 Q 425 414 422 417" stroke="#c86820" stroke-width="1.5" fill="none">

                    <animate attributeName="d" 

                        values="M 428 418 Q 425 414 422 417;M 418.6 440.6 Q 415.6 436.6 412.6 439.6;M 396 450 Q 393 446 390 449;M 373.4 440.6 Q 370.4 436.6 367.4 439.6;M 364 418 Q 361 414 358 417;M 373.4 395.4 Q 370.4 391.4 367.4 394.4;M 396 386 Q 393 382 390 385;M 418.6 395.4 Q 415.6 391.4 412.6 394.4;M 428 418 Q 425 414 422 417" 

                        keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                        dur="1.8s" repeatCount="indefinite"/>

                </path>

            </g>

            <!-- 左脚 -->

            <g>

                <ellipse cx="368" cy="420" rx="8" ry="5" fill="#e07b30" stroke="#c86820" stroke-width="1.5">

                    <animate attributeName="cx" 

                        values="368;377.4;400;422.6;432;422.6;400;377.4;368" 

                        keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                        dur="1.8s" repeatCount="indefinite"/>

                    <animate attributeName="cy" 

                        values="420;397.4;388;397.4;420;442.6;452;442.6;420" 

                        keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" 

                        dur="1.8s" repeatCount="indefinite"/>

                </ellipse>

            </g>

        </g>



        <!-- 鹈鹕臀部装饰羽毛 -->

        <g>

            <path d="M 280 292 Q 270 285 265 292 Q 272 298 280 292 Z" fill="#e0d8c8" opacity="0.7"/>

            <path d="M 285 295 Q 276 288 271 295 Q 278 301 285 295 Z" fill="#e0d8c8" opacity="0.6"/>

        </g>



        <!-- 速度线效果 -->

        <g opacity="0.25" stroke="#aaa" stroke-width="2" stroke-linecap="round">

            <line x1="180" y1="300" x2="130" y2="300">

                <animate attributeName="x1" values="180;160;180" dur="0.8s" repeatCount="indefinite"/>

                <animate attributeName="x2" values="130;110;130" dur="0.8s" repeatCount="indefinite"/>

            </line>

            <line x1="200" y1="320" x2="150" y2="320">

                <animate attributeName="x1" values="200;175;200" dur="0.7s" repeatCount="indefinite"/>

                <animate attributeName="x2" values="150;125;150" dur="0.7s" repeatCount="indefinite"/>

            </line>

            <line x1="170" y1="280" x2="125" y2="280">

                <animate attributeName="x1" values="170;145;170" dur="0.9s" repeatCount="indefinite"/>

                <animate attributeName="x2" values="125;100;125" dur="0.9s" repeatCount="indefinite"/>

            </line>

        </g>



        <!-- 飘落的花瓣 -->

        <g opacity="0.6">

            <circle cx="50" cy="150" r="3" fill="#FFB7C8">

                <animate attributeName="cx" values="50;80;110;50" dur="8s" repeatCount="indefinite"/>

                <animate attributeName="cy" values="150;200;250;150" dur="8s" repeatCount="indefinite"/>

                <animate attributeName="opacity" values="0.6;0.3;0.6" dur="8s" repeatCount="indefinite"/>

            </circle>

            <circle cx="700" cy="200" r="2.5" fill="#FFC4D8">

                <animate attributeName="cx" values="700;670;640;700" dur="10s" repeatCount="indefinite"/>

                <animate attributeName="cy" values="200;260;320;200" dur="10s" repeatCount="indefinite"/>

                <animate attributeName="opacity" values="0.6;0.2;0.6" dur="10s" repeatCount="indefinite"/>

            </circle>

        </g>



        <!-- 标题 -->

        <text x="400" y="565" text-anchor="middle" font-size="20" fill="#3d6b35" font-weight="bold" letter-spacing="3" opacity="0.7">

            🚲 鹈鹕骑自行车 🚲

        </text>

    </svg>

</body>

</html>
最新回复 (6)
  • leoshi 08-13 12:13
    1楼

    飞书佬用吗，录屏可以直接存GIF的，然后上传就行

  • NiceTry 08-13 12:21
    2楼

    网上搜索SVG转gif转就行，不过l站能不能发gif

  • 白日梦想家 08-13 12:23
    3楼

    可以发，不过要转换一下格式，好像需要转成APNG格式。

  • soo 08-13 12:42
    4楼

    网站上用，也看不出来他用的是哪个模型吧

  • 资深继续工程师 楼主 08-13 13:16
    5楼

    转成了gif也没动起来，没招了……

  • 资深继续工程师 楼主 08-13 13:21
    6楼

    反复试了几种方法没有让它明确回答

    目前是通过判断红绿灯问题和糖果问题会不会雷霆长考判断的

    比如糖果问题，正式版应该在5分钟之内就返回正确答案21

    然后比较和官网API调用的思维链，在几乎都是英文且逻辑差不多的情况下

    我认为可以基本判定我的账户已经切到正式版了

* 帖子来源Linux.do
附近帖子
返回
飞读
随机推荐