鱼跃动画特效
代码语言：html
所属分类：动画
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Fish jumping</title>
<title>Fish jumping</title>
<style>
html,body{
height:100%;
}
body{
margin:0px;
overflow:hidden;
background-color: #3366CC;
}
[xaf] circle{
stroke-width:1px;
stroke:black;
opacity:1;
display:none;
transition:.6s
}
[xaf] ellipse {
fill:none;
stroke:rgba(0,0,0,.3);
opacity:1;
display:none;
transition:.4s;
}
.suportPeix{
position:fixed;
}
</style>
</head>
<body translate="no">
<body>
<svg width="0" height="0">
<defs>
<mask id="mask">
<rect x="0" y="0" width="800" height="290" fill="white" />
</mask>
<mask id="maskReflex">
<rect x="0" y="290" width="800" height="290" fill="white" />
</mask>
<linearGradient id="grad0" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="20%" stop-color="#111122" />
<stop offset="50%" stop-color="#115511" />
<stop offset="100%" stop-color="#ffffff" />
</linearGradient>
<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="20%" stop-color="#111122" />
<stop offset="50%" stop-color="#553300" />
<stop offset="100%" stop-color="#ffffff" />
</linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="20%" stop-color="#111122" />
<stop offset="50%" stop-color="#002244" />
<stop offset="100%" stop-color="#ffffff" />
</linearGradient>
<linearGradient id="grad3" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="20%" stop-color="#111122" />
<stop offset="50%" stop-color="#662200" />
<stop offset="100%" stop-color="#ffffff" />
</linearGradient>
<linearGradient id="grad4" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="20%" stop-color="#000000" />
<stop offset="50%" stop-color="#333333" />
<stop offset="100%" stop-color="#cccccc" />
</linearGradient>
<linearGradient id="vermell" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="20%" stop-color="#cc0000" />
<stop offset="50%" stop-color="#ff0000" />
<stop offset="100%" stop-color="#ffffff" />
</linearGradient>
<g id="peix" transform="translate(100,-100) scale(-2,2)">
<path id="silueta" d="M96.806,50.581c-0.775,0.021-1.511,0.322-2.283,0.202c-0.016-0.053-0.03-0.151-0.038-0.202 c0.666-0.302,1.403-0.49,2.011-0.925c0.325-0.316,0.792-0.691,0.573-1.209c-0.242-1.068-1.218-1.729-2.06-2.307 c-1.007-0.707-2.14-1.173-3.214-1.735c-1.18-0.504-2.771-2.356-18.807-5.387c-5.91.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0