CSS3隨著瀏覽器的升級已經被越來越廣泛的運用,合理的運用CSS3可以使你的網站更加美觀,並且之前只能用js才能實現的效果也已經可以直接用CSS3來實現。但是雖然如此,很多瀏覽器對CSS3的支持還都是通過其私有屬性來達到支持的,鮮有直接對W3C的標準來實現的。諸如firefox的-moz-和webkit的-webkit-屬性前綴。
不過CSS3本身W3C也並未有正式版發布,現在還只是草案。下面我推薦兩個很直觀的,可視化的,自動生成CSS3樣式代碼的工具網站給大家。
1.CSS3 Generator
選擇自己想要的CSS3屬性,然後填寫數值,右邊便可直觀的展示出效果了,然後你複製生成的樣式代碼即可。並且還列出了兼容這些樣式的瀏覽器。可謂十分的方便。
http://www.css3generator.com/
2.CSS3, please!
這個看起來就更加的直觀了,就像做填空題一樣,在網頁上填寫相應的數值,右上角的元素就會呈現出相應的樣式。如果你不需要組合這麼多效果的話,關閉掉某一些樣式屬性即可。可以點擊「{toggle rule on} 」或者「{toggle rule off} 」來開啟單項屬性或者關閉。
http://css3please.com/
正如前面所說,CSS3目前還是個草案,並且因為瀏覽器的關係,目前只有非主流瀏覽器支持,你知道的,所謂的主流瀏覽器就是佔據了半壁多江山的IE系列了。IE系列目前只有IE8支持很少一部分的CSS3,未來的IE9倒是或許值得期待。
CSS3組合的好用的恰當確實可以使頁面顯示的很美觀,可是如果只是為了CSS3而CSS3,諸如亂用text-shadow只是為了文字陰影而陰影個人覺得使完全沒有必要的。
祝大家CSS3使用愉快。呃。
我是沙發么?
你提到的工具很有用,最後一句話的評價也很客觀,收藏了
@ZH CEXO 早上第一沙啊
這個帥啊,方便多了
呃,原來如此
好東西,好東西。喜歡的不得了。。
這個不錯,收藏了
我給標題加了少許陰影:)
收藏了,呵呵 ~
Pingback: 消失的CSS3 box-shadow 屬性? - Leeiio Chaos Made.
汗大把大把地下
@bolo 幹啥子
殺了你的發,抱歉。
Pingback: 兩個CSS3樣式可視化生成工具:CSS3 Please & CSS3 Generator – 馬開東博客
Pingback: 消失的CSS3 box-shadow 屬性? – 馬開東博客
Pingback: 消失的CSS3 box-shadow 屬性? - IT牛人博客聚合