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 تقدم حتى الكثير من الميزات الجديدة رهيبة ، مثل أعمدة متعددة ، والتدرجات ، وبالطبع آثار الحدود. في هذا البرنامج التعليمي ، سوف نلقي نظرة على ميزة أخرى جديدة ، وخلق الظلال على النص.

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

الخطوة 1

لتبدأ مع هذا الواقع ، العثور على أو إنشاء قاعدة CSS الذي ترغب في تطبيق النص إلى الظل. ربما تكون أفضل طريقة للاستفادة من هذا سيكون لإنشاء قاعدة الطبقة على وجه التحديد لتطبيق هذا التأثير. هذا ما انا ذاهب الى القيام به على أي حال. لقد طبقت أيضا نوعا من التنسيق على النص الخاص بي باستخدام عنصر تعريف الفقرة.

الخطوة 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! تواصل رحلتك تعلم CSS من قبل التحقق من البرنامج التعليمي أدناه :

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: