All Articles Web
CSS3 में पाठ छाया को कैसे बनाएँ
Geoff Blake on Wed, March 30th 0 comments
As I mentioned in my tutorial on creating rounded corners, CSS3 is offering up a lot of awesome new features, like multiple columns, gradients, and of course, border effects. In this tutorial, we'll t

जैसा कि मैं गोल कोनों बनाने पर मेरे ट्यूटोरियल में उल्लेख किया है , CSS3 ऊपर की पेशकश कर रहा है एकाधिक स्तंभों, gradients, और पाठ्यक्रम की सीमा प्रभाव की तरह भययोग्य नई सुविधाओं का एक बहुत ,. इस ट्यूटोरियल में, हम एक और नई सुविधा पर एक नज़र लेने के लिए, पाठ पर ड्रॉप छाया बनाने हूँ.

This CSS property is supported by the most recent versions of all popular browsers except Internet Explorer...

चरण 1

इस आशय के साथ आरंभ करने, या एक सीएसएस नियम है कि आप करने के लिए पाठ छाया लागू करना चाहते हैं बना. शायद इस का उपयोग करने का सबसे अच्छा तरीका करने के लिए इस प्रभाव को लागू करने के लिए एक वर्ग नियम विशेष रूप से बना होगा. वैसे भी मैं क्या करने जा रहा हूँ. मैं भी मेरे पाठ स्वरूपण एक नए सिरे से परिभाषित अनुच्छेद तत्व का उपयोग कर के एक बिट लागू है.

चरण 2

अगला, "पाठ छाया" अपने शासन के लिए संपत्ति जोड़ें. वहाँ चार मूल्यों है कि हम "पाठ छाया" संपत्ति के लिए आवेदन कर सकते हैं कर रहे हैं. सबसे पहले, एक रंग में जोड़ें. आप किसी भी रंग आपको पसंद है, हालांकि ड्रॉप छाया कर रहे हैं आमतौर पर काफी अंधेरा था का उपयोग कर सकते हैं. यदि आप अपनी फ़ाइल को बचाने के लिए और अपने ब्राउज़र में अपने काम की जांच करने के लिए, तुम नोटिस हूँ कि कुछ नहीं होता. ऐसा इसलिए है क्योंकि हम पहले कुछ अतिरिक्त गुण सेट है.

चरण 3

Directly after the color, let's set three numeric values. The first two values can be positive or negative. The last value must be positive.


Now what are these values for? Well, the first value is for the horizontal position of the drop shadow. A positive value will move the shadow to the right, and a negative value moves it to the left.

दूसरा मूल्य छाया की ऊर्ध्वाधर स्थिति को नियंत्रित करता है. यहाँ एक सकारात्मक मूल्य छाया नीचे ले जाते हैं, जबकि कोई ऋणात्मक मान चाल यह ऊपर होगा.

तीसरे मान छाया पर कलंक की राशि को नियंत्रित करता है. एक तेज छाया के लिए एक कम मूल्य, या एक और अधिक धुंधला छाया के लिए एक उच्च मूल्य का उपयोग करें. जैसा कि आप देख सकते हैं, मैं काफी कम मान का उपयोग कर पसंद करते हैं.

और वह सब CSS3 में पाठ छाया बनाने! बाहर ट्यूटोरियल की जाँच के नीचे से अपने सीएसएस सीखने यात्रा जारी रखें:

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: