兩個CSS3樣式可視化生成工具:CSS3 Please & CSS3 Generator

CSS3隨著瀏覽器的升級已經被越來越廣泛的運用,合理的運用CSS3可以使你的網站更加美觀,並且之前只能用js才能實現的效果也已經可以直接用CSS3來實現。但是雖然如此,很多瀏覽器對CSS3的支持還都是通過其私有屬性來達到支持的,鮮有直接對W3C的標準來實現的。諸如firefox的-moz-和webkit的-webkit-屬性前綴。

不過CSS3本身W3C也並未有正式版發布,現在還只是草案。下面我推薦兩個很直觀的,可視化的,自動生成CSS3樣式代碼的工具網站給大家。

1.CSS3 Generator
CSS3 Generator
選擇自己想要的CSS3屬性,然後填寫數值,右邊便可直觀的展示出效果了,然後你複製生成的樣式代碼即可。並且還列出了兼容這些樣式的瀏覽器。可謂十分的方便。
http://www.css3generator.com/

2.CSS3, please!
CSS3, please!
這個看起來就更加的直觀了,就像做填空題一樣,在網頁上填寫相應的數值,右上角的元素就會呈現出相應的樣式。如果你不需要組合這麼多效果的話,關閉掉某一些樣式屬性即可。可以點擊「{toggle rule on} 」或者「{toggle rule off} 」來開啟單項屬性或者關閉。
http://css3please.com/

正如前面所說,CSS3目前還是個草案,並且因為瀏覽器的關係,目前只有非主流瀏覽器支持,你知道的,所謂的主流瀏覽器就是佔據了半壁多江山的IE系列了。IE系列目前只有IE8支持很少一部分的CSS3,未來的IE9倒是或許值得期待。

CSS3組合的好用的恰當確實可以使頁面顯示的很美觀,可是如果只是為了CSS3而CSS3,諸如亂用text-shadow只是為了文字陰影而陰影個人覺得使完全沒有必要的。

祝大家CSS3使用愉快。呃。

15 Responses to 兩個CSS3樣式可視化生成工具:CSS3 Please & CSS3 Generator

  1. ZH CEXO says:

    我是沙發么?
    你提到的工具很有用,最後一句話的評價也很客觀,收藏了

  2. 萬戈 says:

    這個帥啊,方便多了

  3. zhenn says:

    呃,原來如此

  4. simaopig says:

    好東西,好東西。喜歡的不得了。。

  5. Jutoy says:

    這個不錯,收藏了

  6. 羽中 says:

    我給標題加了少許陰影:)

  7. 小邪 says:

    收藏了,呵呵 ~

  8. Pingback: 消失的CSS3 box-shadow 屬性? - Leeiio Chaos Made.

  9. bolo says:

    汗大把大把地下

  10. 拆牆部隊 says:

    殺了你的發,抱歉。 :mrgreen:

  11. Pingback: 兩個CSS3樣式可視化生成工具:CSS3 Please & CSS3 Generator – 馬開東博客

  12. Pingback: 消失的CSS3 box-shadow 屬性? – 馬開東博客

  13. Pingback: 消失的CSS3 box-shadow 屬性? - IT牛人博客聚合

Leave a Reply

Your email address will not be published. Required fields are marked *