सीएसएस

Question

के साथ लेटरप्रेस प्रभाव मैं इस तरह एक लेटरप्रेस प्रभाव बनाना चाहता हूं: सीएसएस में। लेकिन मुझे इसके लिए सही टेक्स्ट-छाया नहीं मिल रही है।

शब्द के रंग: # 2f4050 पृष्ठभूमि के रंग: # 4f6478

मैं के साथ यह कोशिश की है:

.letterpress { 
    color:#2f4050; 
    font-family:Tahoma, Helvetica, Arial, sans-serif; 
    font-size:70px; 
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal; 
    line-height:normal; 
    text-align:center; 
    text-shadow:#4f6478 0 1px 5px; 
} 

लेकिन है कि चाल करने के लिए प्रतीत नहीं होता।

Answer 1

.letterpress { 
    color:#2f4050; 
    font-family:Tahoma, Helvetica, Arial, sans-serif; 
    font-size:70px; 
    text-align:center; 
    text-shadow: 0 1px 1px #fff; 
} 

कि यह करना चाहिए फेरबदल। Btw। आपको "सामान्य" मान जोड़े घोषित करने की आवश्यकता नहीं है

Answer 2

छाया के लिए हल्का रंग और कम धुंध का उपयोग करें। कुछ ऐसा:

text-shadow: 1px 1px 2px #6ab; 

Answer 3

आपकी टेक्स्ट छाया पृष्ठभूमि के समान रंग है। आपको #809bb5 जैसे हल्के रंग का उपयोग करना चाहिए। या आप text-shadow: 0 1px 5px rgba(255,255,255,0.4); उदाहरण के लिए आरजीबीए मान का उपयोग कर सकते हैं। अंतिम संख्या अल्फा पारदर्शिता (अस्पष्टता) है।

मैं छाया थोड़ा ... http://jsfiddle.net/qmqF5/

Answer 4

दो छायाएं हैं। जैसे

text-shadow: 1px 1px rgba(255,255,255,0.2), -1px -1px rgba(0,0,0,0.5); 

यह कुछ प्रयास करें नीचे दाएँ और एक पारदर्शी काला भीतरी शीर्ष बाईं ओर छाया के लिए एक पारदर्शी सफेद छाया देना चाहिए।

Answer 5

समस्या यहां सरल है।

आप पृष्ठभूमि रंग और टेक्स्ट छाया के लिए एक ही रंग दे रहे हैं।

पृष्ठभूमि की तुलना में टेक्स्ट छाया के लिए हल्का रंग देना और टेक्स्ट रंग समस्या हल करता है।

धन्यवाद।

Answer 6

लेटरप्रेस प्रभाव बनाने के लिए, हमें यह सुनिश्चित करने के लिए टेक्स्ट के रंग की तुलना में हल्का छाया डालना होगा ताकि प्रभाव सही तरीके से काम कर सके।