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