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

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

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

proto.io 網站資訊

 訂閱關鍵應用,軟體應用技巧再升級 


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

將這篇文章快速佈署到你的網站

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

2.接下來,透過條件輸入介面,來打造自己的滑動開/關切換按鈕。
如何用 CSS 做出滑動開/關切換按鈕?

3.完成後,便可再輸入介面的下方,取得 CSS 及 HTML 語法,方便你在網頁上的應用。
如何用 CSS 做出滑動開/關切換按鈕?

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

相關文章



 站內搜尋 


˄