CSS滑入劃出是一種常用的交互效果，它可以增強網頁的交互性，提升用戶體驗。

.slide-up {
position: relative;
top: 100%;
transition: top 0.3s ease-in-out;
}
.slide-up:hover {
top: 0;
}
.slide-left {
position: relative;
left: 100%;
transition: left 0.3s ease-in-out;
}
.slide-left:hover {
left: 0;
}

上面的代碼演示了如何使用CSS實現滑入劃出效果。其中，.slide-up和.slide-left分別控制元素向上和向左滑入的效果，鼠標懸停時實現滑出效果。

需要注意的是，CSS滑入劃出效果要求元素的位置必須為相對或絕對定位，同時使用transition屬性來控制動畫實現的時間和方式。

總之，CSS滑入劃出是一種簡單、實用的交互效果，值得網頁設計者掌握。