Innerglow效果成css3

我想知道如果我可以重現css3的形狀內部發光效果。在全球範圍內的影響我的設置如下：Innerglow效果成css3

Photoshop effect, consider only the inner glow

我嘗試下面的CSS代碼，但它不適合：有缺什麼？

background-color: #58585a; 
-moz-box-shadow: inset 0 0 90px rgba(4,3,48, 0.30); 
-webkit-box-shadow: inset 0 0 90px rgba(4,3,48, 0.30); 
box-shadow: inset 0 0 90px rgba(4,3,48, 0.30);

rgb顏色（4 3 48）是在結構案例中定義的顏色。

對不起，我上傳了兩個結果，所以你可以看到區別這裏是Photoshop的形狀我想有（你可以看到內部的陰影比另一種不太大）http://www.anselme.info/img/photoshop-shape.png

這裏我已經使用上面 http://www.anselme.info/img/webshape-with-css3.png

來源

2013-07-17 Anselme

我使用innerglow影響得到了相同的CSS代碼。告訴*不適合*是什麼意思？ – Witcher42

對不起，我上傳了兩個渲染並編輯了我的文章。無論如何感謝您的時間 – Anselme

嘗試'傳播參數'。我不知道確切的數字，但幾乎在那裏。例如，'box-shadow：inset 0 0 90px 20px rgba（4,3,48，.3）;'看起來不錯。這裏是[預覽]（http://jsfiddle.net/Witcher42/2U5Pg/embedded/result/）。 – Witcher42

提到的CSS3代碼的網頁形狀試試這個：

-webkit-box-shadow: inset 0px 0px 90px 0px rgba(3,3,46,0.9); 
-moz-box-shadow: inset 0px 0px 90px 0px rgba(3,3,46,0.9); 
box-shadow: inset 0px 0px 90px 0px rgba(3,3,46,0.9);

來源

2013-07-17 12:03:27 Pepean

Innerglow效果成css3

回答

相關問題