太空卫星大战飞碟-html代码-BFW代码库

代码语言：html

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


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
body {
  margin: 0;
  padding: 0;
  height: 100vh;
}

svg {
  position: absolute;
  min-width: 100vw;
  max-height: 100vh;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
</style>

</head>
<body translate="no">
<svg viewBox="0 0 1271 792" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path id="Artboard1" fill="none" d="M0 0h1270.36v791.855H0z" /><clipPath id="_clip1"><path d="M0 0h1270.36v791.855H0z" /></clipPath><g clip-path="url(#_clip1)"><g id="Background"><path fill="url(#_Radial2)" d="M-1.689-4.853h1278.18v800.791H-1.689z" /></g><g id="ufo" fill-rule="nonzero"><path d="M163.967 239.895l.141.079" fill="none" stroke="#fdff94" /><path d="M183.85 269.343c-2.239-20.85-20.956-35.937-41.806-33.698-20.85 2.239-35.937 20.955-33.698 41.805 2.238 20.85 20.956 35.937 41.805 33.699 20.85-2.239 35.937-20.956 33.699-41.806" fill="#b1c681" /><path d="M183.85 269.343c-.546-3.674-1.469-7.285-2.959-10.674-1.529-3.362-3.451-6.542-5.828-9.365-2.432-2.77-5.178-5.251-8.235-7.309a41.78 41.78 0 00-9.977-4.627c-3.536-1.022-7.198-1.538-10.88-1.6-1.834.121-3.683.113-5.502.413-1.816.293-3.627.648-5.391 1.183-7.068 2.086-13.515 6.286-18.329 11.943a38.63 38.63 0 018.118-7.611 37.992 37.992 0 0110.043-4.883c1.78-.582 3.616-.972 5.462-1.273 1.849-.316 3.729-.322 5.596-.454 3.749.039 7.485.54 11.098 1.564a42.515 42.515 0 0110.138 4.776c3.091 2.121 5.9 4.637 8.299 7.51 2.36 2.91 4.251 6.165 5.724 9.591 1.393 3.47 2.197 7.129 2.623 10.816" fill="#fdff94" /><path d="M272.471 295.249c1.221 11.372-39.313 33.283-119.528 41.896-69.395 7.451-124.456-3.993-125.699-15.565-1.703-15.868 51.811-34.625 119.529-41.896 67.718-7.271 123.994-.303 125.698 15.565" fill="#5c8565" /><path d="M32.521 327.048c4.064-3.113 8.318-5.979 12.707-8.629 4.428-2.579 8.926-5.06 13.581-7.22 9.289-4.367 18.944-7.931 28.766-10.904 9.82-3 19.845-5.268 29.918-7.205 10.084-1.908 20.254-3.287 30.44-4.48 10.213-.981 20.452-1.724 30.713-1.917 10.256-.163 20.528-.023 30.759.791 10.228.803 20.421 2.133 30.476 4.181 2.5.579 5.008 1.122 7.489 1.767 2.472.69 4.961 1.309 7.389 2.145 2.457.736 4.844 1.687 7.235 2.607l3.49 1.614c1.137.591 2.236 1.254 3.352 1.876-4.461-2.528-9.339-4.167-14.232-5.59-2.438-.761-4.936-1.305-7.413-1.918-2.487-.569-4.999-1.036-7.5-1.539-10.042-1.843-20.204-2.996-30.393-3.609-10.193-.567-20.403-.762-30.609-.506-10.207.251-20.389 1.058-30.543 2.084-10.148 1.128-20.28 2.441-30.322 4.281a333.595 333.595 0 00-29.817 6.887c-9.817 2.777-19.47 6.161-28.791 10.321-4.693 2.012-9.237 4.35-13.724 6.79-4.439 2.527-8.78 5.233-12.971 8.173" fill="#174f50" /><path d="M208.814 321.498c.566 5.277-18.242 15.444-55.464 19.44-32.2 3.458-57.749-1.853-58.326-7.222-.791-7.363 24.041-16.067 55.463-19.441 31.423-3.373 57.536-.14 58.327 7.223" fill="#8fad77" /><path d="M193.966 325.271c.321 2.998-13.646 9.126-41.002 12.063-23.666 2.541-42.301-.033-42.628-3.083-.45-4.183 17.908-9.584 41.002-12.063 23.093-2.48 42.179-1.1 42.628 3.083" fill="#b1c681" /><path d="M272.941 293.311c-7.219-8.815-39.141-43.057-128.3-33.483-84.959 9.122-114.443 50.756-118.516 60.415 9.381-6.497 45.999-32.389 122.716-40.626 74.831-8.035 113.873 8.797 124.1 13.694" fill="#0c313a" /><path d="M272.941 293.311c-3.697-4.394-7.973-8.274-12.592-11.661-2.265-1.76-4.728-3.234-7.141-4.776-1.207-.77-2.504-1.39-3.751-2.092l-1.888-1.024c-.627-.345-1.254-.691-1.915-.97-10.301-5.017-21.31-8.498-32.545-10.721-22.544-4.224-45.713-4.217-68.477-1.735l-8.519 1.138-4.259.568-2.13.283c-.709.102-1.408.262-2.113.39l-8.438 1.629c-1.403.284-2.819.515-4.213.842l-4.162 1.066-8.323 2.14-8.177 2.642c-1.355.461-2.743.832-4.071 1.368l-3.997 1.576-3.997 1.575c-.664.269-1.339.511-1.993.802l-1.944.914c-10.489 4.605-20.438 10.463-29.495 17.481l-3.31 2.737c-1.089.93-2.243 1.788-3.256 2.802l-3.128 2.948c-1.064.962-1.98 2.07-2.978 3.098-3.864 4.21-7.506 8.732-10.004 13.912 2.425-5.217 6.009-9.801 9.823-14.077.985-1.044 1.889-2.17 2.943-3.149l3.095-3.002c1.004-1.033 2.147-1.909 3.227-2.858l3.286-2.796c9.05-7.102 19.018-13.025 29.523-17.702l1.948-.927c.655-.296 1.331-.542 1.996-.815l4.005-1.601 4.006-1.602c1.331-.544 2.721-.924 4.08-1.394l8.196-2.691 8.343-2.19 4.173-1.09c1.398-.335 2.817-.575 4.224-.866l8.462-1.676c.706-.132 1.407-.296 2.118-.402l2.136-.295 4.272-.591 8.544-1.179c22.847-2.379 46.1-2.275 68.714 2.077 11.269 2.291 22.316 5.83 32.632 10.936.659.289 1.284.645 1.91 1.001l1.881 1.055c1.243.723 2.534 1.363 3.736 2.154 2.401 1.582 4.849 3.095 7.097 4.893 4.584 3.46 8.811 7.41 12.446 11.855" fill="#fdff94" /><g id="missile"><path d="M146.973 328.493l113.431 55.541a14.26 14.26 0 002.498 1.185c7.341 2.641 15.433-1.168 18.074-8.509 2.642-7.34-1.168-15.431-8.509-18.072a14.098 14.098 0 00-2.681-.68l-122.813-29.465z" fill="#f78c1e" /><path d="M161.794 333.825l99.467 48.657c.679.408 1.409.757 2.182 1.036 6.414 2.307 13.483-1.021 15.791-7.433 2.307-6.414-1.021-13.484-7.434-15.791a12.301 12.301 0 00-2.342-.593l-107.664-25.876z" fill="#fcb414" /><path d="M188.127 343.301l75.129 36.809a9.375 9.375 0 0013.646-4.865 9.375 9.375 0 00-7.417-12.445l-81.358-19.499z" fill="#fed66e" /><path d="M260.511 369.347a7.15 7.15 0 0113.453 4.84 7.149 7.149 0 01-13.453-4.84z" fill="#fff" /></g></g><g id="satelite"><path id="laser" d="M913.586 628.229L205.763 477.318l-1.426 6.686L912.16 634.915l1.426-6.686z" fill="#ff001b" /><path d="M999.116 589.999l23.855-33.611 52.913 37.556-23.855 33.611-52.913-37.556z" fill="#fff" fill-rule="nonzero" /><path d="M1026.52 604.768l-22.7-16.112 19.44-27.389 22.7 16.112-19.44 27.389z" fill="#53a2d3" fill-rule="nonzero" /><path d="M1051.75 622.676l-22.699-16.111 19.44-27.39 22.699 16.111-19.44 27.39z" fill="#53a2d3" fill-rule="nonzero" />.........完整代码请登录后点击上方下载按钮下载查看

太空卫星大战飞碟

网友评论0

css的margin-block与margin-trim布局切换示例代码

css布局实现胡桃夹子效果代码

css+div布局绘制光芒四射的可爱太阳代码

单个div+css布局实现圣诞雪花球水晶球雪景球效果代码

div+css布局实现一个立体开始按钮效果代码

单个div+css布局实现蛋糕蜡烛效果代码

单个div+css布局实现礼盒效果代码

div+css布局实现城堡建筑效果代码

div+css布局实现圣诞节装饰图案灯笼效果代码

div+css布局实现立体键盘效果代码