˄

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

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

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

繼續閱讀»»»

Call-to-Action Button Generator 網頁 CSS 或 PNG 按鈕產生器

Call-to-Action Button Generator 網頁 CSS 或 PNG 按鈕產生器

在網頁上看到的按鈕有些是利用 CSS 產生,也有利用圖片檔來產生的,端看個人需求,對利用 CSS 的人來說,除非很熟 CSS 語法,不然產生的語法實際應用到各家瀏覽器各版本可能會產不忍賭,相對的,如果是利用圖檔,那幾乎是暢通無阻,Free Call-to-Action Button Generator 是一個替網頁產生按鈕的免費網路服務,透過其介面,可以設計出想要的 CSS 按鈕或 PNG 圖檔,並產生其相關的應用語法,讓設計者可以輕鬆地運用。

繼續閱讀»»»

CSS Portal 線上 CSS 按鈕、圓角、選單、框架語法產生器

CSS Portal 線上 CSS 按鈕、圓角、選單、框架語法產生器

對學習 CSS 來說,不論是初學或是要進階,有可以參考的語法是相當重要的,畢竟各家瀏覽器支援的 CSS 語法不見得相同,CSS Portal 是一個提供網頁常用到的 CSS 的語法產生器,包含 CSS Box Shadow、CSS Button、CSS Gradient、CSS Flip Switch、CSS Menu、CSS3 Menu、CSS RGBA、CSS Ribbon、CSS3 Rounded Corners、CSS Sprite 、CSS Text Rotate、CSS Text Shadow 、CSS Tooltip 、Layout 、Style Input Range 讓你在製作網頁時,可以即時預覽樣式與語法。

繼續閱讀»»»

Call-to-Action Button Generator - CSS 按鈕產生器

Call-to-Action Button Generator - CSS 按鈕產生器

初學網頁製作的人來說,當需要對「按鈕」元件進行美工時,若能參考別人寫好的 CSS Code 是一個事半功倍的好方法。Call-to-Action Button Generator 是一個可即時預覽的 CSS 按鈕線上產生器,不但提供按鈕顏色、文字、陰影、ICON 等屬性自訂外,還可自動產生所需的 CSS Code 與 PNG 圖檔,讓使用者方便影用到網頁的任意處,相當方便。

繼續閱讀»»»

Buttons 線上 CSS 按鈕產生器

Buttons 線上 CSS 按鈕產生器

製作網頁時,難免會有需要讓使用者點擊的地方,若只是用文字來敘述,雖然簡單明瞭,但卻顯得單調,想要放個按鈕圖示,但卻又礙於要使用圖片,牽涉較廣,若有這些問題,可以來試試這個可以說是 CSS 按鈕寶庫的 Buttons 線上 CSS 按鈕產生器,不但提供 Flat、Glow、Rounded、3D、Border、Pill、Circle、Dropdown(下拉選單)、icon、Square、Block 等各式各樣的按鈕,且配色相當豔麗,使用上更是簡單,只需在網頁特定位置,載入相關連結後,複製想要使用的按鈕樣式到網頁想要應用的位置即可。

繼續閱讀»»»

CSS-TRICKS Button Maker 按鈕 CSS 線上產生器

CSS-TRICKS Button Maker 按鈕 CSS 線上產生器

想要改變按鈕的外觀,在以前我們可能都會使用圖片來代替,現在也可以來試試 CSS-TRICKS 網站所提供的「按鈕 CSS 線上產生器」,只需透過幾個步驟,就能讓按鈕產生圓角框、漸層顏色,另外,亦提供自訂按鈕各個部份的顏色,相當方便,幫助你快速的將網頁內的按鈕套用所產生的 CSS 樣式。

繼續閱讀»»»

 訂閱本站文章

 站內搜尋