动画忘记写兼容了--

old-3.0
咬轮猫 4 years ago
parent a59e7d02d2
commit 61cc1956dc

@ -15,6 +15,15 @@
stroke-dasharray: 13, 5; stroke-dasharray: 13, 5;
} }
} }
@-webkit-keyframes ani_flow {
from {
stroke-dasharray: 10, 5;
}
to {
stroke-dasharray: 13, 5;
}
}
/* 停止流动效果 */ /* 停止流动效果 */
.svg_ani_flow_stop { .svg_ani_flow_stop {
@ -33,7 +42,15 @@
stroke-dasharray: 10, 5; stroke-dasharray: 10, 5;
} }
} }
@-webkit-keyframes ani_flow_stop {
from {
stroke-dasharray: 10, 5;
}
to {
stroke-dasharray: 10, 5;
}
}
/* 反向流动效果 */ /* 反向流动效果 */
.svg_ani_flow_back { .svg_ani_flow_back {
stroke-dasharray: 1000; stroke-dasharray: 1000;
@ -51,6 +68,15 @@
stroke-dasharray: 10, 5; stroke-dasharray: 10, 5;
} }
} }
@-webkit-keyframes ani_flow_stop {
from {
stroke-dasharray: 10, 5;
}
to {
stroke-dasharray: 10, 5;
}
}
/* 以最大40高度填充 */ /* 以最大40高度填充 */
.svg_ani_fill_h40 { .svg_ani_fill_h40 {
animation: ani_fill_h40 5s linear infinite; animation: ani_fill_h40 5s linear infinite;
@ -65,4 +91,13 @@
to { to {
height: 40px; height: 40px;
} }
}
@-webkit-keyframes ani_flow_stop {
from {
stroke-dasharray: 10, 5;
}
to {
stroke-dasharray: 10, 5;
}
} }
Loading…
Cancel
Save