CSS3實(shí)現(xiàn)div滑入頁面的效果，可以通過使用@keyframes規(guī)則來創(chuàng)建動(dòng)畫，以下是一個(gè)簡單的示例，展示了一個(gè)div元素如何平滑地滑入頁面：

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

<div class="slider">
  <div class="content">內(nèi)容</div>
</div>

2、CSS樣式：

.slider {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.content {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  animation: slideIn 2s forwards;
}
@keyframes slideIn {
  from { top: -100%; }
  to { top: 0; }
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為slider的div，它包含了一個(gè)名為content的子div。content子div初始時(shí)位于slider的上方，然后通過CSS動(dòng)畫平滑地滑入頁面。

.slider類設(shè)置了position: relative;，這使得其子元素可以相對(duì)于它進(jìn)行定位，它設(shè)置了width和height屬性，并隱藏了超出其高度的內(nèi)容。

.content類設(shè)置了position: absolute;，這使得它可以脫離文檔流，并可以設(shè)定其具體的定位，它初始時(shí)位于slider的上方（top: -100%;），然后通過CSS動(dòng)畫平滑地移動(dòng)到slider的底部（top: 0;）。

@keyframes slideIn規(guī)則定義了一個(gè)名為slideIn的動(dòng)畫，該動(dòng)畫從初始狀態(tài)（from { top: -100%; }）開始，逐漸移動(dòng)到目標(biāo)狀態(tài)（to { top: 0; }），動(dòng)畫持續(xù)時(shí)間為2秒，并在動(dòng)畫結(jié)束后保持***后的狀態(tài)（forwards）。