اثرات متنی CSS

مطمئناً! در اینجا ترجمه فارسی اثرات متنی CSS آورده شده است:

1. سایه متن (Text Shadow)

ویژگی text-shadow به شما امکان می‌دهد سایه‌هایی به متن اضافه کنید که به آن عمق و استایل می‌دهد.

} h1

;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5)

{

• نحوه عملکرد: سایه‌ای به اندازه 2px به سمت راست و 2px به سمت پایین از متن اضافه می‌شود و به شعاع 4px و رنگ نیمه‌شفاف مشکی اعمال می‌شود.

2. گرادیان متن (Text Gradient)

شما می‌توانید رنگ‌های گرادیان را با استفاده از ویژگی background-clip به متن اعمال کنید.

} h1 

;background: linear-gradient(45deg, #ff6b6b, #ffcccb)

;webkit-background-clip: text-

;color: transparent

{

3. استروک متن (Text Stroke)

ویژگی -webkit-text-stroke به شما امکان می‌دهد یک حاشیه یا استروک (خطوط دور متن) به متن اضافه کنید.

} h1 

;webkit-text-stroke: 2px black-

;color: white

{

• نحوه عملکرد: یک حاشیه سیاه دور متن ایجاد می‌شود و خود متن سفید خواهد بود.

4. انیمیشن متن: ظاهر شدن تدریجی (Fade In)

انیمیشن‌های CSS می‌توانند باعث شوند که متن به تدریج ظاهر شود.