From 61cc1956dc4def867568e9da692bc4cad6ccf2c6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=92=AC=E8=BD=AE=E7=8C=AB?= <10928033@qq.com> Date: Sat, 11 Dec 2021 16:45:20 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8A=A8=E7=94=BB=E5=BF=98=E8=AE=B0=E5=86=99?= =?UTF-8?q?=E5=85=BC=E5=AE=B9=E4=BA=86--?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/css/svgAnimation/index.css | 35 +++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/src/assets/css/svgAnimation/index.css b/src/assets/css/svgAnimation/index.css index cc844fe..280b218 100644 --- a/src/assets/css/svgAnimation/index.css +++ b/src/assets/css/svgAnimation/index.css @@ -15,6 +15,15 @@ stroke-dasharray: 13, 5; } } +@-webkit-keyframes ani_flow { + from { + stroke-dasharray: 10, 5; + } + + to { + stroke-dasharray: 13, 5; + } +} /* 停止流动效果 */ .svg_ani_flow_stop { @@ -33,7 +42,15 @@ stroke-dasharray: 10, 5; } } +@-webkit-keyframes ani_flow_stop { + from { + stroke-dasharray: 10, 5; + } + to { + stroke-dasharray: 10, 5; + } +} /* 反向流动效果 */ .svg_ani_flow_back { stroke-dasharray: 1000; @@ -51,6 +68,15 @@ stroke-dasharray: 10, 5; } } +@-webkit-keyframes ani_flow_stop { + from { + stroke-dasharray: 10, 5; + } + + to { + stroke-dasharray: 10, 5; + } +} /* 以最大40高度填充 */ .svg_ani_fill_h40 { animation: ani_fill_h40 5s linear infinite; @@ -65,4 +91,13 @@ to { height: 40px; } +} +@-webkit-keyframes ani_flow_stop { + from { + stroke-dasharray: 10, 5; + } + + to { + stroke-dasharray: 10, 5; + } } \ No newline at end of file