SVG圆圈变换CSS3动画特效代码

SVG圆圈变换CSS3动画特效代码

一款CSS3 SVG圆圈变换动画背景特效是一款圈圈圆圆圈圈线条矢量背景动画特效,需要的朋友可以免费下载。

使用说明
需要用到的CSS样式文件style.css

1
<link rel="stylesheet" href="css/style.css">

SVG代码

1
2
3
4
5
6
7
8
9
10
11
12
13
<svg viewBox="0 0 100 100">
<g class="group">
<circle class="big" cx="50" cy="50" r="70.4" />
<path class="p1" d="M 50.1,55 A 5 5 0 1 0 50,55 " />
<path class="p2" d="M 65,50.1 A 15 15 0 1 1 65,50 " />
<path class="p3" d="M 50,25 A 25 25 0 1 0 50,75 " />
<path class="p4" d="M 50,25 A 25 25 0 0 1 50,75 " />
<path class="p5" d="M 15,50 A 35 35 0 1 1 15,50.1 " />
<path class="p6" d="M 50,5 A 45 45 0 1 0 50.1,5 " />
<path class="p7" d="M 50,-5 A 55 55 0 1 0 50.1,-5 " />
<path class="p8" d="M 50,-15 A 65 65 0 1 0 50.1,-15 " />
</g>
</svg>
温馨提示:此处内容需要评论本文后才能查看。
1

发表评论