[分享]css3怎么把div滑入页面

CSS3可以通过transition属性，实现div滑入页面的效果。

.slide-in {
   /*动画过渡时间*/
   transition: all 0.5s ease;
   /*初始状态*/
   transform: translateX(-100%);
}
.slide-in.active {
   /*结束状态*/
   transform: translateX(0%);
} 

以上是实现div滑入效果的CSS3代码，其中.slide-in为初始状态，.slide-in.active为结束状态。

在HTML中，可以通过添加类名.active，来触发div滑入效果。

<div class="slide-in">我是一段需要滑入的内容</div> 

可以通过JavaScript，为div添加.active类名，实现自动滑入的效果。

var div = document.querySelector('.slide-in');
div.classList.add('active'); 

以上就是CSS3实现div滑入页面的方法，通过设置过渡属性和类名的变化，让页面效果更加动态和生动。