۴۰۴ Not Found! قیمت ها به ۴۰۳ برگشت! به مدت محدود!
بزن بریم!
ثانیه
دقیقه
ساعت
روز
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0
سلام
وقتی شما یک دیو رو با border-radius: 50% به دایره تبدیل می کنید، این دایره بودن فقط در صورتی حفظ میشه که طول و عرض دیو با هم برابر باشه. حالا اگر از box-shadow استفاده کنید و اندازه سایه باعث بزرگ تر دیده شدن ابعاد دیو بشه، ممکنه توی حالت نمایش ( یا حتی گاهی توی حالت انتخاب یا مرزها در VSCode یا مرورگر ) ظاهرش شبیه مربع یا دایره ناقص بشه.
اما چیزی که احتمالا باعث مشکل اصلی شده، اینه که داری box-shadow رو طوری تعریف می کنی که به ظاهر دیو تاثیر می ذاره یا اندازه واقعی اون رو به نظر تغییر میده. پیشنهاد می کنم:
1 - مطمئن بشو که width و height دقیقا برابر هستن (مثلا 100px در 100px).
2 - از box-shadow به درستی استفاده کن، مثلا اینجوری:
.circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}