使用纯css3画一个火箭的模型

要使用纯CSS3来绘制一个火箭的模型，你可以利用CSS的伪元素（:before 和 :after），边框（border），线性渐变（linear-gradient），以及转换（transform）等属性。以下是一个简单的火箭模型的示例：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rocket Model with CSS3</title>
<style>
  body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f0f0f0;
  }

  .rocket {
    position: relative;
    width: 0;
    height: 0;
    border-bottom: 100px solid red;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
  }

  .rocket:before {
    content: "";
    position: absolute;
    top: -50px;
    left: -25px;
    width: 50px;
    height: 50px;
    background: linear-gradient(to bottom, white, grey);
    border-radius: 50%;
  }

  .rocket:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: -30px;
    width: 60px;
    height: 30px;
    background: linear-gradient(to bottom, orange, yellow);
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    transform: rotateX(180deg);
  }
</style>
</head>
<body>
<div class="rocket"></div>
</body>
</html>