跨瀏覽器的CSS3產生器:CSS3 please

來源:互聯網
上載者:User

你是否為CSS3中那些形如-moz-border-radius這樣冗長的首碼而頭暈呢?你是否在考慮跨瀏覽器使用CSS3的時候,要記住哪些首碼是支援哪個瀏覽器的?你是否想過有什麼辦法能一勞永逸的(或者便捷的)解決這些問題?

不用發愁了,Paul Irish與朋友製作了一個有意思的CSS3產生器,在這個頁面上你可以即時的編輯CSS3樣式,並且立即可以看到效果,你可以拷貝這些代碼到自己的樣式表中,每一個頁面裡寫到的CSS3屬性都做了相容處理,你要做的就是調用這個class,作者在首頁上寫的是跨瀏覽器的CSS3發生器(cross-browser css3 rule generator),不過IE下是使用了很多的濾鏡去實現的,實際測試發現並不是很理想(我用IE8測試),有些地方也有待商榷,如其中-ms-filter屬性的位置應該是位於filter之前的(MSDN上的解釋),儘管並不是十分的完善,但是畢竟這種嘗試是有益的,它還是可以十分方便的協助你去建立一個相容性比較好的CSS3應用,目前支援的CSS3屬性有:

  1. border-radius
  2. box shadow
  3. gradients
  4. rgba support in backgrounds
  5. transforms
  6. font-face

即使現在不能立刻將CSS3投入到日常應用中,通過這個發生器你也可以更方便的瞭解一些CSS3的用法,所以快去體驗一下吧!

地址:請猛擊(FF/OPERA/SAF效果較佳)

另外還有一個老外做的類似應用,沒有CSS3PLEASE這麼直觀,操作起來更符合“發生器”這個概念,請猛擊參觀,其中需要填寫的選項可以幫你更詳細的瞭解每個CSS3屬性的作用。

更新:另外一個產生器,版本已經是2.0了,可視化介面很好強大。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。