圆形进度条效果,水波纹
代码语言: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