با استفاده از 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) یک انتقال نرم بسازید؛ همچنین از ابزارهای توسعهدهنده مرورگر برای تنظیم دقیق رنگ، محو و جابجایی سایه کمک بگیرید.
1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
نکته فنی: برای افکت متنی ملایم، از چند سایه rgba با تیرگیهای متفاوت استفاده کن تا عمق ایجاد شود و از قالب text-shadow: offset-x offset-y blur-radius color استفاده کن. با هاور، مقادیر blur و offset را افزایش بده و با ترکیب transition روی text-shadow یک تغییر نرم بساز. مطمئن شو که رنگ سایه با زمینه متن تقلیل تضاد ندهد تا خوانایی حفظ شود. میتوانی با ابزار توسعهدهنده مرورگر مقادیر را دقیق تنظیم کنی و از چند سایه جداگانه برای عمق بیشتر بهره ببری.
گزارش