圆形进度条效果,水波纹

代码语言:html

所属分类:进度条

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title> - Round progress ball</title>

</head>
<body translate="no" style="margin:150px;">
    <svg width="100" height="100" viewbox="0 0 100 100">
        <defs>
            <pattern id="wave" x="0" y=".34" width="1" height="10">
                <path id="wavePath" d="M-60 4 Q-45 0 -30 4 T0 4 T30 4 T60 4 T90 4 T120 4 T150 4 T180 4 V20 H-60z" fill="#3ea1ff">
                    <animateTransform attributeName="transform" begin="0s" dur="1.5s" type=.........完整代码请登录后点击上方下载按钮下载查看

网友评论0