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-.03315-.08623-.13266-.1857-.26533-.2852-.39135-.11275-.13926-.22553-.27856-.33828-.41122-.1061-.11939-.20561-.23213-.31172-.34488-.05971-.06635-.11938-.126-.17909-.18573-.1393-.15254-.2852-.29185-.43774-.43115-.0398-.03979-.08623-.07959-.13267-.11938-.14594-.126-.29848-.25205-.451-.37807-.06635-.053-.13266-.10611-.199-.15254-.13262-.10611-.27192-.20561-.41782-.30512a.69415.69415,0,0,0-.073-.053h-.00664l-.35816-.23881a14.54469,14.54469,0,0,0-2.87857-1.41937h-.00664c-.272-.10615-.54389-.20561-.82909-.29184-.41787-.00664-.82909-.01328-1.23372-.03316s-.80253-.03979-1.19388-.06635l-.17906-.01988c-.13266-.00664-.26532-.01991-.39134-.03319-.19234-.0066-.39135-.02652-.57705-.0464q-1.15405-.11944-2.2485-.31839c-.179-.03316-.35815-.06632-.53061-.09947-.15918-.02656-.31835-.05307-.47093-.09287-.1857-.03979-.37143-.08623-.55049-.126a1.98,1.98,0,0,1-.21225-.05308c-.24541-.05307-.49082-.11938-.72963-.179-.31171-.08623-.61683-.1791-.91531-.272-.21222-.06632-.41783-.13267-.62348-.20562-.1857-.06631-.378-.13266-.56377-.20561-.199-.073-.3913-.1459-.577-.22553-.07295-.03316-.1459-.05967-.21889-.09283-.11938-.04643-.23877-.0995-.35151-.15258-.25869-.11274-.51074-.23213-.75614-.35151s-.49746-.252-.73622-.37807c-.26533-.1393-.51738-.29184-.76942-.44438-.252-.15918-.5041-.3184-.7495-.48422h-.0066c-.10615-.07295-.21889-.15254-.325-.22549-.19233-.13266-.378-.272-.56376-.41786a.95952.95952,0,0,1-.09951-.073c-.17242-.13266-.34487-.272-.51069-.41787-.126-.10614-.252-.21225-.37807-.33163a2.30689,2.30689,0,0,1-.19238-.16582c0-.00664-.0066-.00664-.01323-.01328-.11939-.09951-.23877-.21225-.35156-.325-.05967-.05972-.126-.11939-.18569-.18574s-.126-.13262-.18574-.19233c-.09287-.09287-.19233-.199-.2852-.29848l-.09287-.09287c-.19233-.21221-.38467-.42447-.55712-.65l-.199-.23876c-.01328-.01328-.01991-.02652-.03319-.0398-.0398-.05307-.08623-.10615-.11939-.15918a14.12555,14.12555,0,0,1-.8556-1.18064c-.06631-.09947-.13267-.199-.19234-.29848-.126-.1857-.23881-.37143-.35155-.56377-.04643-.06631-.07959-.13266-.11938-.199-.14595-.252-.29185-.51073-.43115-.78266-.03979-.08622-.08623-.16581-.126-.252-.07295-.1393-.13926-.27861-.20561-.42451a7.7635,7.7635,0,0,1-.34488-.75613.93871.93871,0,0,1-.05307-.11939c-.07959-.17246-.15254-.35151-.21889-.524-.073-.1791-.1459-.35819-.20561-.53725-.0398-.08623-.06632-.17245-.09947-.25868-.07963-.21889-.15922-.44438-.23217-.66991-.073-.199-.13266-.398-.19233-.597-.04644-.126-.07959-.25865-.11939-.39131q-.14927-.49746-.2786-1.01483c-.0066-.0066-.0066-.0066-.0066-.01324-.02656-.11278-.05307-.21889-.07963-.33163-.01988-.073-.03979-.15258-.053-.22553-.04644-.1857-.08623-.37807-.126-.57041l-.01991-.07959c-.01988-.0995-.04644-.199-.05968-.30511-.02655-.10611-.04643-.21226-.06635-.31836-.03979-.21225-.07959-.42451-.11274-.6434a1.23545,1.23545,0,0,1-.02652-.16581.14578.14578,0,0,1-.00664-.053.24163.24163,0,0,1-.01328-.09287c-.03315-.16581-.05967-.33163-.08622-.49745s-.04644-.33827-.07295-.50409c-.05972-.451-.11939-.902-.16582-1.36634a2.91379,2.91379,0,0,1,2.56022-3.35615h41.78612a2.94267,2.94267,0,0,1,2.69952,3.449,29.68838,29.68838,0,0,1,6.95771,1.33978,20.96213,20.96213,0,0,1,2.35461.93523c.06635.02652.13266.05968.199.09287.37143.16582.73623.35152,1.09438.55049s.71634.41122,1.06126.63012c.199.126.3913.252.58368.3847.36479.252.72294.51074,1.06786.79594a16.32182,16.32182,0,0,1,1.52551,1.3597,15.47884,15.47884,0,0,1,1.2138,1.32654c.07959.09287.15918.19234.23213.2852.01328.01328.02656.03316.0398.04644l.199.25868c.29184.37807.5638.76938.82909,1.18061q.24873.3681.47758.75613c.08622.13931.16581.27857.2454.42451.22553.398.44438.80917.65,1.23367.31839.65.61683,1.33319.88216,2.04289l.07959.199c.126.31835.23877.65.34491.98163q.11938.32834.21885.67655c.05308.16581.10615.33163.14594.50409.1459.4709.27193.96175.39135,1.4658.13262.53725.24541,1.08778.35815,1.65818.00664.05308.01988.09951.02652.15258.07295.38467.1393.776.199,1.1806.06636.38471.11943.78266.17246,1.18065H259.042a8.86857,8.86857,0,0,1-.06631-1.18065c0-.1061,0-.20561.0066-.31171s.01328-.21226.01992-.31176a.902.902,0,0,1,.01988-.19234,1.64374,1.64374,0,0,1,.01991-.17909,1.79639,1.79639,0,0,1,.02652-.1857c.00664-.05307.01992-.0995.02656-.15258a8.138,8.138,0,0,1,.2852-1.15408c.05307-.16582.11938-.33828.18569-.5041.04644-.11274.09287-.21885.13931-.33163.06631-.13926.13266-.27193.20561-.41123.05971-.11938.126-.24541.199-.36479s.14594-.23877.22553-.35815c.10611-.16582.22549-.33828.35152-.50409.17245-.22554.35155-.451.55052-.67655a12.21421,12.21421,0,0,1,.96839-.98163l.21885-.199h.00664a.74429.74429,0,0,1,.13267-.11938c.192.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
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