首頁線上工具開發工具

如何用 CSS 做出滑動開/關切換按鈕？

如何用 CSS 做出滑動開/關切換按鈕？

在 Windows、Android、IOS 或是網頁上經常都可以看到滑動型的開/關切換按鈕，如果自己在網頁上要做出如此效果的按鈕，免用 Javascript 就可以辦到，proto.io 網站提供滑動開/關切換按鈕 CSS 語法產生器，透過介面輸入所需條件，便可產生 CSS 語法，方便你應用在網頁上。

🔔 不錯過任何精彩！ 立即訂閱我們的 LINE 官方帳號

每次發佈新文章時，您將會第一時間收到本站文章連結通知，輕鬆掌握最新資訊！

使用 LINE 追蹤文章更新

§相關文章，還可以參閱：

如何使用 proto.io 做出滑動開/關切換按鈕並產生 CSS 語法？

1.使用瀏覽器進入 proto.io  網站，便可看到可操作的滑動開/關切換按鈕範例。

如何用 CSS 做出滑動開/關切換按鈕？

2.接下來，透過條件輸入介面，來打造自己的滑動開/關切換按鈕。

如何用 CSS 做出滑動開/關切換按鈕？

3.完成後，便可再輸入介面的下方，取得 CSS 及 HTML 語法，方便你在網頁上的應用。

如何用 CSS 做出滑動開/關切換按鈕？
如何用 CSS 做出滑動開/關切換按鈕？