css-3中程导弹

css-3中引入了许多新的特性和属性，其中之一便是程导弹（Missile）。

.missile {
  width: 50px;
  height: 10px;
  background: linear-gradient(to right,#4d4d4d,#8c8c8c);
  position: absolute;
  top: 50%;
  animation: missile 2s linear infinite;
}

@keyframes missile {
  0% {
    right: -50px;
  }
  100% {
    right: 100%;
  }
}

css-3中的程导弹是一种动画效果，它可以让一个矩形从屏幕外面缓缓飞入，达到一定距离后再迅速消失。使用线性渐变和position属性，我们可以轻松地创建一个看起来很像导弹的形状。同时，通过animation属性，我们可以定义一个动画，在动画过程中逐渐地改变元素的位置。

在上方的代码中，我们定义了一个名为missile的类，让它拥有了我们所需要的所有属性。具体来说，宽度为50像素，高度为10像素，背景色为从左到右渐变的灰色，初始位置在屏幕右侧以外，绝对定位在屏幕中央。

接着，我们使用了另一个新的属性——@keyframes，在其中定义了一个名为missile的动画。这个动画由两个关键帧组成，第一个关键帧（0%）让导弹的右边界在屏幕右侧以外，第二个关键帧（100%）让导弹的右边界到达了屏幕的右侧边缘。这个动画的循环模式为infinite，也就是无限循环。

有了这些代码和属性，我们就可以在网页上制造出一个很酷的导弹效果，让用户感到焕然一新。