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

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