svg+anime实现云端海盗船开炮动画效果代码
代码语言：html
所属分类：动画
代码描述：svg+anime实现云端海盗船开炮动画效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
#root {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #f7f3e7;
}
#container {
position: relative;
width: 100%;
max-width: 1400px;
}
</style>
</head>
<body translate="no">
<div id="root">
<div id="container">
<!-- Edited in illustrator and c/p without editing -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 475.11111 305.77778">
<g id="a3c00615-a6a2-4b05-9761-188cc14520fb" data-name="Layer 2">
<g id="a9f5a80e-e35c-46c9-98e9-0290a8854a3c" data-name="fight">
<rect id="e19efb2e-51ce-47c6-9aef-2937211094a8" data-name="background" width="475.11111" height="305.77778" style="fill:none" />
<g id="a57a5e0c-6a61-42c3-a7f9-bfd55413f604" data-name="background">
<path id="a548192e-ab94-4284-a73b-18e187eec860" data-name="cloud4" d="M231.72357,198.40372c0,5.89,8.21559,10.67,18.35426,10.67h96.56231c7.72631,0,13.9934-4.12,13.9934-9.2,0-4.07995-4.04872-7.54-9.64948-8.74-3.686-8.82-15.51172-18.9-24.56231-18.9-7.69259,0-20.657,3.84-27.55667,9.44-1.22307-.06994-2.47985-.1-3.75352-.1-13.16681,0-24.32616,3.47-28.14713,8.26a117.81586,117.81586,0,0,0-16.8866-2.1C239.93916,187.73368,231.72357,192.51371,231.72357,198.40372Z" style="fill:#989da3" />
<path id="b2443e23-f818-4097-bab1-1bfc4f049660" data-name="cloud7" d="M128.12316,200.19334c0,3.73,10.17181,5.78,17.61954,5.78h48.07363v-.01a2.62883,2.62883,0,0,0,.27549.01c5.20319,0,18.76214-2.54,18.76214-7.05,0-3.94-10.335-8.07-16.42582-9.06-4.64207-5.07-17.14-9.33-26.82205-9.33-11.3859,0-29.00537,7.92005-31.07649,14.34C132.8265,196.42332,128.12316,198.39335,128.12316,200.19334Z" style="fill:#989da3" />
</g>
<g id="f8b50806-7db1-4f14-b508-00b986902924" data-name="ship">
<g id="ffea392a-c9f3-499a-821f-f8b7b47ef248" data-name="background">
<path d="M322.935,158.67858l-11.88586,2.88521-.38466.09287-4.86844,1.18061-1.58523.3847-3.27656.79594-5.60461,1.3597-.02656.00664a5.74456,5.74456,0,0,0-.7893.82909,4.80675,4.80675,0,0,0-.49081.82245,2.1244,2.1244,0,0,0-.10611.25868c-.03979.07959-.06635.16582-.0995.252a2.01843,2.01843,0,0,0-.07959.26528,1.71653,1.71653,0,0,0-.05971.26533c-.02652.13266-.0464.26528-.06631.39795a3.605,3.605,0,0,0-.01988.37806c-.00664.126-.00664.252-.00664.37807v.07959a.32252.32252,0,0,0,.00664.07959,1.78444,1.78444,0,0,0,.01988.26533c.00663.09946.01991.199.03315.29848.01328.11274.03316.23213.05307.34487a2.47435,2.47435,0,0,0,.05972.30512c.01987.09287.03979.19234.06631.2852v.01988a.02318.02318,0,0,0,.00664.01328,8.86406,8.86406,0,0,0,.27856.94183c.11938.35156.25868.70971.41786,1.0679.01992.06631.05308.13262.07959.199h.00664c.00664.01987.01328.03315.01988.05307.073.15254.14594.31172.21889.4709.07295.15258.14594.30512.22553.45766.01324.01991.01988.04643.03316.06635.16581.16581.33163.33823.49081.50405a.75877.75877,0,0,1,.09951.10615h.00664c.15918.16581.31835.33827.47089.50409.11275.11938.21889.24541.33164.36479.14594.16582.29184.325.43114.48417.17906.20562.35815.41123.524.61684.11939.1393.23217.27861.34492.41787.23876.29184.47089.59032.68315.88216.09286.11938.17909.23877.26532.35815h.00664c.03979.05308.07295.09951.10611.15258.1393.199.27856.398.41122.59028.1393.19238.26533.39135.39135.59032.252.39135.49081.7893.7097,1.18065.07295.13266.13927.25864.21226.38467.15917.29848.30508.597.451.89544.053.126.11274.252.17245.37807.07959.17905.15918.36479.23213.54389q.17909.44766.33828.8954c.01987.05971.03979.126.05967.18573.03979.11939.07959.23213.11278.34488.05968.20561.11939.41122.17242.61019.01992.073.03984.15258.05971.22553.03316.126.06631.252.09287.37807.03316.15254.06631.29848.09287.44438.01988.11275.03979.23217.05967.35156a.44725.44725,0,0,0,.01328.09283c0,.01991.00664.03983.00664.05307.053.33163.09283.66327.11938.98827.01324.16581.02652.33163.03316.49085a13.815,13.815,0,0,1-.03316,1.65818c-.01328.16582-.02655.33164-.05307.49746-.01988.16581-.04643.33163-.06631.49081a1.91155,1.91155,0,0,1-.02656.19233c-.01324.09287-.03315.18574-.053.27857a.20488.20488,0,0,0-.01328.05307c-.02652.15254-.05971.30512-.09287.45766-.02651.126-.05967.25868-.09287.38471,0,.01324-.00659.01988-.01323.03315a11.62533,11.62533,0,0,1-.37807,1.24032,16.03111,16.03111,0,0,1-.85565,1.97654c-.0066.01327-.01324.01991-.01988.03319-.06631.126-.13266.25865-.21225.38467-.11274.20561-.23213.41786-.35151.62348-.02656.05971-.06635.11274-.09951.17245-.08623.14594-.17909.29848-.272.44438-.15918.24541-.31836.49082-.49082.72963-.126.18569-.27856.36479-.41122.55048-.05967.07963-.11939.15258-.17906.22553-.10614.15254-.21889.30512-.34491.4643-.43778.55713-.91532,1.10766-1.42605,1.65818-.11939.13266-.23877.25869-.36479.38471-.37807.398-.776.78926-1.18725,1.1806-.08622.08623-.17909.17246-.272.25869l-36.14831.06631h-1.06786l-58.67963.11275q.06958-.20891.13926-.43775c.11938-.36479.23217-.75614.35155-1.1806.03316-.126.06631-.252.09947-.38471.11938-.50409.24541-1.05462.36483-1.65818.07959-.39135.16582-.80257.23877-1.24031.04643-.23881.09287-.47758.13266-.72963.01988-.1459.0464-.29184.06631-.44438.05972-.37807.11939-.76937.17246-1.1806a.05984.05984,0,0,0,.00664-.03319c.09283-.61684.17906-1.27348.26528-1.97654.0398-.35156.08623-.71635.126-1.08778h.00664a1.7455,1.7455,0,0,0-.01328-.18569,3.61888,3.61888,0,0,0-.02652-.38471c-.01992-.23213-.03979-.4643-.073-.68979a.50146.50146,0,0,0-.00664-.09951c-.02651-.19233-.05307-.37807-.08623-.5704-.02651-.20561-.06631-.41123-.1061-.6102-.0332-.15922-.06635-.3184-.10615-.47094a.02318.02318,0,0,1-.00664-.01327c-.07295-.31172-.15918-.61684-.252-.91532a.02321.02321,0,0,1-.0066-.01324c-.02656-.08623-.05308-.16582-.07963-.24541-.02652-.06635-.0464-.13266-.06631-.19237-.05308-.1459-.11275-.29184-.17246-.43774-.05967-.14595-.11938-.28521-.1857-.43115-.01991-.04643-.04643-.09286-.06635-.1393-.053-.11938-.11274-.23213-.17245-.34487l-.0398-.07959a3.61046,3.61046,0,0,0-.19233-.35156c-.09287-.15917-.1857-.31835-.28521-.47089a4.08715,4.08715,0,0,0-.23876-.35156c-.00664-.01327-.01328-.01987-.01992-.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
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