Css只有條紋文字陰影效果

是否有乾淨優雅的方式來實現復古條紋文字陰影效果？Css只有條紋文字陰影效果

給你舉一個例子，我想重現用CSS是這樣的：

enter image description here

我想條紋是從字體顏色不同。

2014-12-18 Aranel

我懷疑你可以輕鬆地在CSS中做到這一點，是SVG的一個選項？ –

是的，svg絕對受歡迎。 – Aranel

@ImagineWebDesign如果不能通過css-only（更優雅高效的解決方案）實現，我會對SVG的嘗試感興趣。 – Aranel

這是我能想出最接近的，但它僅適用於WebKit瀏覽器，而不是在文字陰影的長度而言非常定製。它還需要標記中的一個屬性來複制文本。

基本上它的工作原理是創建條帶的背景與-webkit-repeating-linear-gradient，與

-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;

屏蔽掉的背景和複製與:after僞元素的文本以及將文本陰影到它。

這可能不是很有用。

2014-12-18 22:54:18 szupie

這就是我要做的，但它只在webkit中支持：/ –

是的，這更像是一個概念證明，證明css是多麼的無能爲力......即使它與所有瀏覽器兼容，我也無法想象任何人實際使用它。 – szupie

回答