C'è un modo pulito ed elegante per ottenere un effetto ombreggiatura testo a strisce vintage?Effetto ombra solo testo con strisce a righe
Per fare un esempio, mi piacerebbe riprodurre con i CSS qualcosa di simile:
vorrei le strisce di essere di un colore diverso dal tipo di carattere.
http://jsfiddle.net/kntz6h01/2/
Questo è il più vicino ho potuto venire con, ma funziona solo con il browser WebKit e non è molto personalizzabile in termini di lunghezza del testo-ombra. Richiede anche un attributo nel tag per duplicare il testo.
Fondamentalmente funziona creando uno sfondo a strisce con -webkit-repeating-linear-gradient, mascheratura sfondo con
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
e duplicando il testo con lo pseudo-elemento :after e applicando un testo-ombra ad esso.
Probabilmente non è molto utile.
Questo è quello che stavo per fare, ma è supportato solo nel webkit:/ –
Sì, questo è più di una dimostrazione di concetto che dimostra quanto css spietato sia ... Anche se fosse compatibile con tutti i browser, non posso immaginare che qualcuno lo stia usando. – szupie
Dubito che si possa fare facilmente questo in css, l'opzione SVG è un'opzione? –
Sì, svg sono sicuramente i benvenuti. – Aranel
@ImagineWebDesign Sarei interessato a provare SVG, se non è possibile implementarlo tramite css-only (soluzione più elegante ed efficiente). – Aranel