2010-07-21 11 views
5

का उपयोग कर एकाधिक 3 डी टेक्स्ट छाया मैं एक वेबसाइट में अपने कुछ ग्रंथों पर छाया प्रभाव देना चाहता हूं जो इसे सीएसएस का उपयोग करके 3 डी जैसा दिखता है? क्या यह संभव है?सीएसएस

उत्तर

16

हाँ, यह एक फ़ॉन्ट पर कई text-shadow रों है करने के लिए, बस मूल्यों की एक अल्पविराम से अलग सूची का उपयोग संभव है:

p { 
    text-shadow: 0.1em 0.1em 0.2em #ccc, 0.2em 0.2em 0.3 em #ddd /* ...other...*/ 
} 
+2

यह सही जवाब होना चाहिए, +1 – Joshua

+1

कौन सा दूसरे के शीर्ष पर हो जाता है? –

1

उपयोग इस

http://jsfiddle.net/RobertKolatzek/uk2my/1/

और समझने की कोशिश करो, यह कैसे काम करता है (रंग, आकार, आदि)।

नीचे, आपको अपनी टेक्स्ट-छाया संपत्ति कॉपी और पेस्ट करने के लिए मिलता है।

एक सरल मामले में, आप पाठ छाया का उपयोग 3 डी प्रस्तुत करना है, तो यह की छाया:

text-shadow: 0px 4px 0 #ccc, 0px 6px 0 #888;