با استفاده از CSS یک عنوان h1 بسازید که دارای افکت text-shadow ملایم و رنگی باشد و هنگام هاور سایه قوی‌تر و کمی جابجا شود.

11.0 بازدید آخرین ویرایش در 201 روز قبل ساعت 03:54

0.0

برای حل این تمرین از خاصیت CSS text-shadow استفاده کنید (قالب: offset-x offset-y blur-radius color). می‌توانید از مقادیر rgba برای شفافیت سایه و چندین سایه جداشده با کاما برای عمق بیشتر استفاده کنید. برای افکت هاور، با transition و تغییر مقادیر text-shadow (مثلاً افزایش blur و offset) یک انتقال نرم بسازید؛ همچنین از ابزارهای توسعه‌دهنده مرورگر برای تنظیم دقیق رنگ، محو و جابجایی سایه کمک بگیرید.

توسط پژوهشگر در 201 روز قبل ساعت 03:54
دسته بندی ها: CSS CSS for beginner
sara در 201 روز قبل ساعت 04:44

نکته فنی: برای افکت متنی ملایم، از چند سایه rgba با تیرگی‌های متفاوت استفاده کن تا عمق ایجاد شود و از قالب text-shadow: offset-x offset-y blur-radius color استفاده کن. با هاور، مقادیر blur و offset را افزایش بده و با ترکیب transition روی text-shadow یک تغییر نرم بساز. مطمئن شو که رنگ سایه با زمینه متن تقلیل تضاد ندهد تا خوانایی حفظ شود. می‌توانی با ابزار توسعه‌دهنده مرورگر مقادیر را دقیق تنظیم کنی و از چند سایه جداگانه برای عمق بیشتر بهره ببری.

گزارش

1 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری