在css3中,直接在圖片上使用box-shadow 和 border-radius,瀏覽器并不能很好的渲染。但是如果把圖片作為background-image,添加的樣式瀏覽器可以很好的渲染。我將會(huì)介紹如何使用box-shadow, border-radius 和 transition創(chuàng)建不同圖片樣式效果。
問題
通過查看demo能注意到,我們?yōu)榈谝恍袌D片設(shè)置了border-radius 和 內(nèi)嵌box-shadow。firefox渲染了圖片的border-radius,但是沒有渲染內(nèi)嵌box-shadow。chrome和Safari兩種效果都沒有渲染。
新聞熱點(diǎn)
疑難解答
圖片精選