純css文字滑蓋效果是網頁設計中比較常見的一種效果，它的實現過程比較簡單，也可以為網站增加不少互動和美觀的效果。下面是一個簡單的純css 文字滑蓋代碼實例：

<style>
.wrapper {
position: relative;
display: inline-block;
}
.slider {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(255, 255, 255, 0.5);
transition: transform 0.3s ease-in-out;
transform: translateX(-100%);
}
.wrapper:hover .slider {
transform: translateX(100%);
}
</style>
<div class="wrapper">
<p>這里是需要滑蓋的文字</p>
<div class="slider"></div>
</div>

以上是一個比較簡單的純css 文字滑蓋代碼，我們可以根據實際需要對其進行修改。其中，需要滑蓋的文字應該放置在一個div元素內，使用hover事件設置鼠標懸停時的滑蓋效果；通過設置wrapper元素的position屬性為relative，slider元素的position屬性為absolute以及設置寬度、高度等屬性，我們可以使slider元素與需要滑蓋的文字元素重疊并覆蓋其中的文字部分。通過使用transform屬性以及transition屬性，我們可以實現文字滑動的過渡效果。