CSS3 Slidein是一种非常流行的CSS3动画效果，可以让网页中的元素以一种柔和的方式进入页面，极大地提升了用户体验。下面就是一些CSS3 Slidein的示例。

.slidein_up {
animation: slidein_up 1s ease-in-out;
}
@keyframes slidein_up {
from {
transform: translateY(100px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.slidein_down {
animation: slidein_down 1s ease-in-out;
}
@keyframes slidein_down {
from {
transform: translateY(-100px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.slidein_left {
animation: slidein_left 1s ease-in-out;
}
@keyframes slidein_left {
from {
transform: translateX(-100px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.slidein_right {
animation: slidein_right 1s ease-in-out;
}
@keyframes slidein_right {
from {
transform: translateX(100px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}

上面的代码展示了四种不同的Slidein动画效果：上滑（slidein_up）、下滑（slidein_down）、左滑（slidein_left）和右滑（slidein_right）。为了实现这些效果，我们需要使用CSS3的animation属性，并定义一个keyframes规则，来描述动画过程中各个关键帧的样式。

另外，值得一提的是，我们可以通过修改animation属性的时间值，来控制Slidein的速度。例如，将1s修改为2s，则动画将变得更加缓慢。