CSS中的凸版印刷

我正在嘗試創建以下作爲標記樣式的使用效果。CSS中的凸版印刷

Letterpress From Photoshop 這是在Photoshop

一個例子就是有辦法用CSS來做到這一點，還是有另一種方式來做到這一點？

白色部分是半透明的，文字填充也是如此。

感謝，阿什利

你可以很容易地做白色的斜角，但不是內部較暗，模糊的部分。 – Bojangles

也許它可以用圖像完成？ –

可能，但您可能只需將具有所有效果的圖像放入頁面即可。在圖像上使用CSS是非常重要的，但是當CSS不能實現時，你仍然可以在這裏和那裏使用幾個像素。 – Bojangles

您可以使用：（可能需要進行調整）

-moz-box-shadow:inset 0 0 10px #000000; 
-webkit-box-shadow:inset 0 0 10px #000000; 
box-shadow:inset 0 0 10px #000000;

而對於白色亮點：

text-shadow: 1px 1px white, -1px -1px #444

同樣，這些都需要進行調整，但應該指向你在正確的方向。

2011-10-07 22:36:20 downed

'-box-shadow'只適用於包含元素，而不是每個字母。 – Bojangles

css文字陰影目前沒有插圖的選擇。儘管你可以嘗試用盒子陰影來模擬它。嘗試this link並將鼠標懸停在文字上。

2011-10-07 22:33:41

哦，哇。那很棒！可惜它只能在Webkit中起作用:-( – Bojangles

回答