首頁線上工具開發工具

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

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

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

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

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

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

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

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

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

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

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

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

每年總有些特定的假期驅使在海外工作、讀書的人回到台灣探視親友或從事特定活動，如果要去接機，可以來參考 FlightAware 這個網站所提供的航班飛行資訊，從起飛，飛到哪裡，預計降落時間讓你隨時動態掌握，避免提早到機場空等，浪費時間又浪費金錢。

可下載 YouTube 影片的工具不少，有 Windows 的應用軟體，也有網頁版或是瀏覽器的擴充功能，當然，在 Android、IOS 也有不少，今天再介紹一個 Converto.io 這個網站，可在網頁上直接輸入 YouTube 影片網址就可以選擇要下載 MP3 或 MP4 ，如果不要整部影片，只要其中的片段，Converto.io 也提供剪裁工具，輕鬆助讓你下載所要區段。