訂閱/取消電子報 | 用RSS訂閱文章 |
➽ 訂閱、追蹤本站最新文章

如何用 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
標籤: |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  | 
延伸閱讀
目前有0則留言
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容