在css3中，直接在圖片上使用box-shadow 和 border-radius，瀏覽器并不能很好的渲染。但是如果把圖片作為background-image，添加的樣式瀏覽器可以很好的渲染。我將會介紹如何使用box-shadow, border-radius 和 transition創建不同圖片樣式效果。
問題
通過查看demo能注意到，我們為第一行圖片設置了border-radius 和 內嵌box-shadow。firefox渲染了圖片的border-radius，但是沒有渲染內嵌box-shadow。chrome和Safari兩種效果都沒有渲染。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表