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

在 Windows、Android、IOS 或是網頁上經常都可以看到滑動型的開/關切換按鈕,如果自己在網頁上要做出如此效果的按鈕,免用 Javascript 就可以辦到,proto.io 網站提供滑動開/關切換按鈕 CSS 語法產生器,透過介面輸入所需條件,便可產生 CSS 語法,方便你應用在網頁上。
【proto.io 網站資訊】
網站語言:英文
服務性質:免費
網站網址按我前往 proto.io
如何使用 proto.io 做出滑動開/關切換按鈕並產生 CSS 語法?

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

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

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

ContentPhoto2819

想在手機閱讀更多css資訊?下載【香港矽谷】Android應用
分享到Facebook
技術平台: Nasthon Systems