close

css-pic

漂亮的效果不求人! 想要的語法馬上抓!

分享幾個工作上常用到的CSS網站，最強大的地方是他們都能即時預覽，語法神馬的再也不是煩惱囉~

【基本款】

1. 指定圓角產生器：可四個角不同設定

http://border-radius.com/

2. CSS文字段落設計：可調間距、行高、文字陰影等

http://csstxt.com/

3. CSS3.0語法產生器：可針對文字與物件調整外框、底色、陰影、動畫等非常多元

http://www.css3maker.com/

4. CSS背景屬性設定：很常用的語法哦

http://www.1keydata.com/css-tutorial/tw/background.php

5. CSS漸層背景產生器：範例就很漂亮! 立即做出漂亮有質感的漸層背景

http://www.colorzilla.com/gradient-editor/

6. CSS按鈕設計大師：不需要圖片! CSS用語法寫出最漂亮的按鈕!

http://cssgradientbutton.com/

 

【進階版】

1. 12種精美的光暈陰影文字設計

http://designshack.net/articles/css/12-fun-css-text-shadows-you-can-copy-and-paste/

2. 你愛怎麼動就怎麼動! CSS動態效果即時預覽

http://daneden.github.io/animate.css/

 

【補充說明】

1. CSS套用方法

http://www.1keydata.com/css-tutorial/tw/apply.php

arrow
arrow
    文章標籤
    CSS範例 CSS語法教學 CSS語法查詢 網頁設計 網站設計 網頁製作 網站製作 CSS
    全站熱搜
    創作者介紹
    創作者 Bonny 的頭像
    Bonny

    Bonny設計之路

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

    E-mail轉寄