《Simplest CSS3 Generator》CSS3線上特效產生器

梅問題-《Simplest CSS3 Generator》CSS3線上特效產生器
  CSS3目前已發展的愈來愈成熟了,而各家的瀏覽器支援度也愈來愈高的,就連IE也逐漸的跟進了,雖然說CSS3可產生出各種特效,像是光暈、陰影、漸層、圓角....等,相當的方便,完全不用任何一張圖檔,如此一來更可加快網頁的載入速度,但有用過的朋友都知道,CSS3雖然很方便,但語法一個比一個長,且還要針對各個瀏覽器,前面加入前綴詞,所以一個特效,就要寫五、六次,相當的麻煩,若是自己Key還真累人,所以梅干最近找到一個相當好用的CSS3特效產生器,裡面將CSS3的所有特效整合在一起,就不會一個特效用一個網站,相當的方便好用,且操控也相當的直覺,因此從事網頁設計的朋友,絕不容錯過啦!

Simplest CSS3 Generator:
網站名稱:Simplest CSS3 Generator
支援特效:CSS3圓角、文字陰影、區塊陰影、漸層、變形
連結網址:http://www.css3generator.in/

連入網站後,左右二側是特效的類型,左邊是基本版,右邊是進階版。
梅問題-《Simplest CSS3 Generator》CSS3線上特效產生器
點一下圖示,中間就會出現編輯模式,直接拖拉控制列的按鈕,就可立即設定所要的樣式,同時中間的區塊也可立即預覽結果,而區塊中就會產生CSS3的語法。
梅問題-《Simplest CSS3 Generator》CSS3線上特效產生器
文字陰影也很直覺,拖拉右邊的控制鈕,就可調整影子上下位置,下方就是左右,最右邊就可 控制影子的顏色與模糊。
梅問題-《Simplest CSS3 Generator》CSS3線上特效產生器
接下來,右邊就是進階模式,一樣是圓角框,但在右邊的進階模式下,可讓框變得更特別。
梅問題-《Simplest CSS3 Generator》CSS3線上特效產生器
漸層可設定的也變更多,這個網站真的很不錯用,打開瀏覽器,立即就可使用啦!
梅問題-《Simplest CSS3 Generator》CSS3線上特效產生器

相關文章

「Lazy Load CSS」非同步載入CSS,當網頁使用雲端字型更順暢

「Lazy Load CSS」非同步載入CSS,當網頁使用雲端字型更順暢

CSS3-clip-path繪製不規則形遮色片線上產生器

CSS3-clip-path繪製不規則形遮色片線上產生器

CSS教學-hover滑入圖片時,加入CSS3動畫特效「淡入淡出」變換圖片

CSS教學-hover滑入圖片時,加入CSS3動畫特效「淡入淡出」變換圖片

將ICON Fonts向量圖示字型引用到CSS中(Font Awesome為例)

將ICON Fonts向量圖示字型引用到CSS中(Font Awesome為例)

CSS3動畫hover套件,各種常用的互動特效直接套用

CSS3動畫hover套件,各種常用的互動特效直接套用





回應本篇 »

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

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

共 1 梅留言

  • 第1梅
    Kiki 說道:

    另一个网站我真正喜欢的是http://www.generatecss.com

    回應:
    感謝分享,這個站確實不錯