CSS3滑動登錄是現代網頁設計中的一種非常熱門的登錄方式，它可以為用戶帶來更好的登錄體驗。以下是一個簡單的示例：

用戶名密碼登錄

這個示例中，我們通過使用CSS3的transform屬性和:hover偽類來創建滑動效果。具體來說，我們把.slider設置為一個寬度為300%的容器，然后利用flex布局把.slide在.slider中水平排列。然后，我們設置.slider:hover .slide:not(:first-child)的樣式，當鼠標懸停在.slider上并且.slide不是第一個元素時，會把當前.slide向左移動一個.slide的寬度。

這種滑動登錄的方式可以增加用戶體驗，使登錄更加順暢和容易。但是需要注意，我們還需要在后端對用戶輸入的用戶名和密碼進行驗證，以確保數據的安全。