json如何用到网页

CSS3 transition 是一个强大的工具，可以让我们在网页上实现更加流畅的动效。其中一种常见的应用就是当用户鼠标离开某个元素时，让它以渐变或者其他效果消失或者移动。

要实现这个效果，我们需要用到 CSS3 中的 transition 属性。通过设置元素的属性，比如在本文中我们将使用 opacity 和 transform，我们可以改变元素的状态。

下面是一个简单的示例代码：

.Box {
  opacity: 1;
  transition: opacity 0.5s,transform 0.5s;
}

.Box:hover {
  opacity: 0;
  transform: translateY(-50%);
} 

在上面的代码中，我们定义了一个名为 .Box 的元素，并且设置了它的 opacity 和 transition 属性。当用户把鼠标悬停在这个元素上时（:hover），我们改变了这个元素的 opacity 和 transform 属性，让它渐变消失并且上移。

注意一下，我们在 .Box 中仅设置了 opacity 属性，而没有设置 transform 属性。这是因为我们在 :hover 中同时设置了这两个属性。这样做可以让我们实现看起来更加平滑的效果，比如渐变消失和平移移动。

除了 opacity 和 transform，还有很多其他的属性可以用来实现移开的效果。比如，我们可以使用 position、width、height、color 等等属性。这些属性都可以在 :hover 中改变，以实现不同的移开效果。