css html

خب بردرردیوس رو باید بیشتر کنی من خودم میزارم روی 100%

سلام
وقتی شما یک دیو رو با 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);
}

بازی مناسب کودک ۵ ساله