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: