Site updated: 2026-05-13 16:50:34
This commit is contained in:
llbzow
142
img/anime_avatar.svg
Normal file
142
img/anime_avatar.svg
Normal file
@@ -0,0 +1,142 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
|
||||
<defs>
|
||||
<!-- 背景梦幻渐变 (粉蓝二次元色调) -->
|
||||
<linearGradient id="animeBg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#a1c4fd;stop-opacity:1" />
|
||||
<stop offset="50%" style="stop-color:#e2d1c3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#fbc2eb;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
|
||||
<!-- 头发高光渐变 -->
|
||||
<linearGradient id="hairHighlight" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.8" />
|
||||
<stop offset="100%" style="stop-color:#ffffff;stop-opacity:0" />
|
||||
</linearGradient>
|
||||
|
||||
<!-- 眼睛深邃渐变 -->
|
||||
<linearGradient id="eyeGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#2a0845;stop-opacity:1" />
|
||||
<stop offset="60%" style="stop-color:#6441A5;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#ff9a9e;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
|
||||
<filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feGaussianBlur stdDeviation="4" result="blur" />
|
||||
<feComposite in="SourceGraphic" in2="blur" operator="over" />
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- 圆形背景底底图 -->
|
||||
<circle cx="250" cy="250" r="230" fill="url(#animeBg)" filter="url(#softGlow)" />
|
||||
|
||||
<!-- 背景魔法阵 / 光环点缀 -->
|
||||
<g opacity="0.4" stroke="#ffffff" stroke-width="2" fill="none">
|
||||
<circle cx="250" cy="250" r="200" stroke-dasharray="10 15" />
|
||||
<circle cx="250" cy="250" r="210" />
|
||||
<!-- 缓慢旋转的六芒星或几何星 -->
|
||||
<path d="M 250,50 L 300,180 L 430,180 L 320,260 L 360,390 L 250,310 L 140,390 L 180,260 L 70,180 L 200,180 Z">
|
||||
<animateTransform attributeName="transform" type="rotate" from="0 250 250" to="360 250 250" dur="40s" repeatCount="indefinite" />
|
||||
</path>
|
||||
<path d="M 250,90 L 290,200 L 400,200 L 310,270 L 340,380 L 250,310 L 160,380 L 190,270 L 100,200 L 210,200 Z">
|
||||
<animateTransform attributeName="transform" type="rotate" from="360 250 250" to="0 250 250" dur="30s" repeatCount="indefinite" />
|
||||
</path>
|
||||
</g>
|
||||
|
||||
<!-- 漂浮星星动画 -->
|
||||
<g fill="#FFFFDD" filter="url(#softGlow)">
|
||||
<polygon points="120,100 125,115 140,115 128,125 132,140 120,130 108,140 112,125 100,115 115,115">
|
||||
<animate attributeName="opacity" values="0.3;1;0.3" dur="2s" repeatCount="indefinite" />
|
||||
<animateTransform attributeName="transform" type="translate" values="0,0; 0,-10; 0,0" dur="3s" repeatCount="indefinite" />
|
||||
</polygon>
|
||||
<polygon points="380,130 384,142 396,142 386,150 390,162 380,154 370,162 374,150 364,142 376,142">
|
||||
<animate attributeName="opacity" values="1;0.3;1" dur="2.5s" repeatCount="indefinite" />
|
||||
<animateTransform attributeName="transform" type="translate" values="0,0; 0,10; 0,0" dur="4s" repeatCount="indefinite" />
|
||||
</polygon>
|
||||
</g>
|
||||
|
||||
<!-- 二次元 Q 版人物 -->
|
||||
<g transform="translate(250, 280)">
|
||||
|
||||
<!-- 后发 (双马尾背景部分) -->
|
||||
<path d="M -90,-20 Q -180,50 -150,150 Q -100,100 -70,50 Z" fill="#b090d4" />
|
||||
<path d="M 90,-20 Q 180,50 150,150 Q 100,100 70,50 Z" fill="#b090d4" />
|
||||
|
||||
<!-- 衣服 (水手服领子 JK风格) -->
|
||||
<path d="M -80,100 Q 0,160 80,100 L 90,120 Q 0,180 -90,120 Z" fill="#ffffff" />
|
||||
<path d="M -80,100 Q 0,150 80,100 L 0,120 Z" fill="#1a3d7c" /> <!-- 蓝领 -->
|
||||
<!-- 水手服白边 -->
|
||||
<path d="M -75,102 Q 0,147 75,102" fill="none" stroke="#ffffff" stroke-width="3" />
|
||||
|
||||
<!-- 红领结 -->
|
||||
<path d="M -30,120 L 30,120 L 40,160 L 0,140 L -40,160 Z" fill="#ff4d4f" />
|
||||
<circle cx="0" cy="125" r="12" fill="#d9363e" />
|
||||
|
||||
<!-- 脸部轮廓 -->
|
||||
<path d="M -90,-50 Q -100,50 0,90 Q 100,50 90,-50 Z" fill="#ffe6e2" />
|
||||
|
||||
<!-- 腮红 (Kawaii Blushes) -->
|
||||
<ellipse cx="-60" cy="20" rx="20" ry="10" fill="#ff9fa6" opacity="0.6" filter="url(#softGlow)" />
|
||||
<ellipse cx="60" cy="20" rx="20" ry="10" fill="#ff9fa6" opacity="0.6" filter="url(#softGlow)" />
|
||||
|
||||
<!-- 萌萌小巧的鼻子 -->
|
||||
<path d="M -2,15 Q 0,18 2,15" fill="none" stroke="#e0afa9" stroke-width="2" stroke-linecap="round" />
|
||||
|
||||
<!-- 萌系 `ω` 形小猫嘴或倒三角 -->
|
||||
<path d="M -15,40 Q 0,55 15,40 Q 0,45 -15,40" fill="#d9363e" stroke="#c04e53" stroke-width="1.5" stroke-linecap="round" />
|
||||
|
||||
<!--左眼-->
|
||||
<g transform="translate(-45, -15)">
|
||||
<!-- 眼白 -->
|
||||
<ellipse cx="0" cy="0" rx="28" ry="32" fill="#ffffff" />
|
||||
<!-- 瞳孔渐变 -->
|
||||
<ellipse cx="0" cy="0" rx="24" ry="28" fill="url(#eyeGrad)" />
|
||||
<!-- 瞳孔深色中心 (星星眼效果) -->
|
||||
<ellipse cx="0" cy="5" rx="12" ry="15" fill="#150529" />
|
||||
<!-- 亮闪闪的高光 1 -->
|
||||
<circle cx="-10" cy="-12" r="10" fill="#ffffff" />
|
||||
<!-- 亮闪闪的高光 2 -->
|
||||
<circle cx="8" cy="12" r="6" fill="#ffffff" opacity="0.9" />
|
||||
<!-- 星星高光 -->
|
||||
<path d="M -12,0 L -8,4 L -12,8 L -16,4 Z" fill="#ffea75" />
|
||||
<!-- 眼睫毛 / 眼线 (粗) -->
|
||||
<path d="M -35,-20 Q 0,-45 35,-15 Q 15,-30 -30,-12" fill="#3d2a4a" />
|
||||
<path d="M -35,-20 Q -45,-5 -30,5" fill="none" stroke="#3d2a4a" stroke-width="3" stroke-linecap="round" />
|
||||
</g>
|
||||
|
||||
<!--右眼-->
|
||||
<g transform="translate(45, -15)">
|
||||
<!-- 眨眼动画组 -->
|
||||
<g>
|
||||
<animateTransform attributeName="transform" type="scale" values="1,1; 1,0.05; 1,1" keyTimes="0; 0.5; 1" dur="0.25s" begin="3s; 8s; 14s" fill="freeze" />
|
||||
<ellipse cx="0" cy="0" rx="28" ry="32" fill="#ffffff" />
|
||||
<ellipse cx="0" cy="0" rx="24" ry="28" fill="url(#eyeGrad)" />
|
||||
<ellipse cx="0" cy="5" rx="12" ry="15" fill="#150529" />
|
||||
<circle cx="-10" cy="-12" r="10" fill="#ffffff" />
|
||||
<circle cx="8" cy="12" r="6" fill="#ffffff" opacity="0.9" />
|
||||
<path d="M -12,0 L -8,4 L -12,8 L -16,4 Z" fill="#ffea75" />
|
||||
</g>
|
||||
<!-- 右眼线 -->
|
||||
<path d="M -35,-15 Q 0,-45 35,-20 Q 30,-12 -15,-30 M 35,-20 Q 45,-5 30,5" fill="#3d2a4a" stroke="#3d2a4a" stroke-width="1.5" stroke-linecap="round" />
|
||||
</g>
|
||||
|
||||
<!-- 前发与刘海 (紫色系渐变动漫发型) -->
|
||||
<!-- 基础头发 -->
|
||||
<path d="M -100,-40 Q -110,-120 0,-140 Q 110,-120 100,-40 Q 60,-30 40,-70 Q 10,-40 0,-90 Q -10,-40 -40,-70 Q -60,-30 -100,-40 Z" fill="#cba6f7" />
|
||||
<!-- 鬓角长发 -->
|
||||
<path d="M -100,-40 Q -120,-10 -90,60 Q -70,40 -80,-20 Z" fill="#cba6f7" />
|
||||
<path d="M 100,-40 Q 120,-10 90,60 Q 70,40 80,-20 Z" fill="#cba6f7" />
|
||||
|
||||
<!-- 头发光泽 (天使环高光圈) -->
|
||||
<path d="M -70,-100 Q 0,-120 70,-100 Q 0,-110 -70,-100 Z" fill="url(#hairHighlight)" filter="url(#softGlow)" />
|
||||
|
||||
<!-- 呆毛 (Ahoge) 标志性萌点 -->
|
||||
<path d="M 0,-140 Q -40,-200 -10,-170 Q -25,-180 0,-140 Z" fill="#cba6f7" />
|
||||
|
||||
<!-- 兽耳饰品 (猫耳发带) -->
|
||||
<path d="M -30,-130 L -70,-180 L -80,-120 Z" fill="#1a3d7c" />
|
||||
<path d="M -40,-130 L -65,-165 L -70,-125 Z" fill="#ff9fa6" />
|
||||
<path d="M 30,-130 L 70,-180 L 80,-120 Z" fill="#1a3d7c" />
|
||||
<path d="M 40,-130 L 65,-165 L 70,-125 Z" fill="#ff9fa6" />
|
||||
</g>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.0 KiB |
Reference in New Issue
Block a user