close
♣梅問題‧教學網【Minwt】♣

♣梅問題‧教學網【Minwt】♣

CSS教學－CSS3 線上漸層語法產生器

Posted: 16 Jun 2013 06:30 PM PDT

梅問題－CSS3工具－CSS3漸層線上語法產生器
　　先前曾分享過，CSS3漸層按鈕線上產生器，利用CSS3來製作漸層效果，是再簡單不過的，但若要將CSS3漸層語法背下來，那可不是一件容易的事，好在目前線上有許多CSS3語法的產生器，今天梅干要來分享個CSS3的漸層產生器，它與漸層按鈕比較不同的是，這個漸層產生器，可製造出線性漸層與放射狀漸層，同時還可設定漸層的方式與方向，完成後再將漸層的語法，複製下來就可應用到各個區塊中，相當方便好用喔！現在就一塊來看看，這個CSS3的線上漸層產生器要如何使用吧！
CSS3線上漸層產生器：
網站名稱：
網站網址：http://www.visualcsstools.com/
中間可設定漸層的方式，與漸層的方向。
梅問題－CSS3工具－CSS3漸層線上語法產生器
接著右邊只要有三角箭頭，點一下就進行漸層設定。
梅問題－CSS3工具－CSS3漸層線上語法產生器
點下方的頁籤，就可切換成線性漸層。
梅問題－CSS3工具－CSS3漸層線上語法產生器
設定好漸層方式後，接著透過左邊的色相環，設定漸層的顏色。
梅問題－CSS3工具－CSS3漸層線上語法產生器
都設定好後，點一下上方的文件圖示。
梅問題－CSS3工具－CSS3漸層線上語法產生器
將輸入框的CSS語法複製出來。
梅問題－CSS3工具－CSS3漸層線上語法產生器
再貼到指定的區塊中，這樣就大功告成囉!
梅問題－CSS3工具－CSS3漸層線上語法產生器
[範例預覽]
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 knoledge 的頭像
    knoledge

    討論

    knoledge 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄