CSS淡入淡出效果是一種常用的網(wǎng)頁(yè)動(dòng)畫(huà)效果，可以通過(guò)CSS的過(guò)渡（transition）屬性來(lái)實(shí)現(xiàn)，下面是一個(gè)簡(jiǎn)單的CSS淡入淡出效果的示例：

HTML結(jié)構(gòu)：

<div class="fade-in-out">
  <div class="content">內(nèi)容</div>
</div>

CSS樣式：

.fade-in-out {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  background-color: #333;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: opacity 1s ease-in-out;
}
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 24px;
  text-align: center;
}

在這個(gè)示例中，我們給.fade-in-out添加了一個(gè)過(guò)渡效果，讓其在1秒內(nèi)從完全透明到完全不透明，實(shí)現(xiàn)了淡入的效果，我們也給.content添加了一個(gè)過(guò)渡效果，讓其在1秒內(nèi)從完全不透明到完全透明，實(shí)現(xiàn)了淡出的效果，這只是一個(gè)簡(jiǎn)單的示例，你可以根據(jù)自己的需求進(jìn)行調(diào)整。