svg实现一个蜗杆轨道动画效果代码

代码语言:html

所属分类:动画

代码描述:svg实现一个蜗杆轨道动画效果代码

代码标签: svg 蜗杆 轨道

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        body{margin:0 auto;}
        svg{position:absolute;}
    </style>

</head>

<body>
    <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%">
	<defs>
		<radialGradient id="gradient-squ530vsa" gradientTransform="rotate(51)">
			<stop offset="0%" stop-color="rgb(40,29,114)"></stop>
			<stop offset="100%" stop-color="rgb(15,26,41)"></stop>
		</radialGradient>
		<filter id="filter-squ530vsa">
			<feTurbulence baseFrequency="0.04118 0.02027" numOctaves="1" seed="975"></feTurbulence>
			<feColorMatrix class="anim.........完整代码请登录后点击上方下载按钮下载查看

网友评论0