如何用 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 也提供剪裁工具,輕鬆助讓你下載所要區段。