svg航天飞机升空飞行动画效果代码-html代码-BFW代码库

svg航天飞机升空飞行动画效果代码

代码语言：html

所属分类：动画

代码描述：svg航天飞机升空飞行动画效果代码

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


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
  
<style>
body{
        background:#222;
}
svg{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        max-width:400px;
}
</style>


</head>

<body>
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 1024 1024">

        <svg xmlns='http://www.w3.org/2000/svg' height='100%' width='100%'>
                <filter id='space'>
                        <feTurbulence baseFrequency='0.07' numOctaves='4' seed='1' />
                        <feColorMatrix values='0.3 -4.8 2.6 -5 -1.5 0.5 3.1 -4.2 1 -4 3.7 -2.4 -0.3 -4 -3.7 -4.4 3.9 -4.9 -0.6 4.7' />
                </filter>
                <rect width="200%" height="200%" filter='url(#space)' />
        </svg>

        <svg xmlns="http://www.w3.org/2000/svg">
                <path fill="orange" d="M 553.6 776.9 c -10.8 14 -11 29.8 -5.4 43.9 c -12 -11..........完整代码请登录后点击上方下载按钮下载查看