CSS教學-「CSS3漸層按鈕」 線上語法產生器

分類:CSS3 » CSS | 2013-01-30
梅問題-CSS3-CSS3漸層按鈕線上語法產生器
  說到CSS3帶來了許多便利的語法,但也增加了很多新的屬性名稱,且每個屬性都很長,再的加上沒提示詞時,那可還真是要命的,而網路也有不少的CSS3相關服務,像是之前跟各位介紹過的,「CSS3圓角框」 線上語法產生器,透過點指之間,就可快速的產生所需的圓角框,而接下來要來跟各位,繼續來分享另一個好站,直接透過這「CSS Button Generator」的網站,線上就可直接產生CSS的漸層按鈕,真是超方便的喔!身為網頁設計人員,一定不可或缺喔!

CSS3漸層按鈕產生器:
網站名稱:CSS Button Generator
支援平台:Chrome、Firefox、Safari、Oprea、IE10.0
網站網址:http://css-button-generator.com/

進到該網站後,可看到每個設定的區塊,都相當的清楚,這時就可依照自已所需,自行的調整,或是直接點「Color Theme」鈕,選擇內建配置好的按鈕樣式。
梅問題-CSS3-CSS3漸層按鈕線上語法產生器
設定好按鈕樣式後,拉到頁面下方,就可設定按鈕內的文字,以及class名稱,和文型與粗體。
梅問題-CSS3-CSS3漸層按鈕線上語法產生器
由於是即見即所得,因此在改變設定值時,立即就會顯示結果,當設定好後,只要將輸入框的原始碼複製、貼上,立即就可使用囉!
梅問題-CSS3-CSS3漸層按鈕線上語法產生器
儲存發佈到瀏覽器,檢查一下,哈! 點指之間即可完成,夠ez吧!
梅問題-CSS3-CSS3漸層按鈕線上語法產生器




回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 1 梅留言

  • 第1梅
    Marco 說道:

    感謝分享喔~