۴۰۴ Not Found! قیمت ها به ۴۰۳ برگشت! به مدت محدود!

بزن بریم!
ثانیه
دقیقه
ساعت
روز
علی کرمی
2 ماه پیش توسط علی کرمی مطرح شد
3 پاسخ

css html

سلام
زمانی که میخوام اشکال دایره رسم کنم(یک دیو خلق میکنم و بردر ردیوس رو برابر با ۵۰ درصد قرار میدم)،زمانی که سایز دایره رو با باکس شدو افزایش میدم شکل دایره تبدیل به مربع میشه
مشکل از کجاست؟
از vscode استفاده میکنم


ثبت پرسش جدید
laravel dev
تخصص : برنامه نویس
@laraveldev 15 ساعت پیش مطرح شد
0

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


Amirreza Jafari
تخصص : برنامه نویس و توسعه دهنده وب
@AmirBizy 4 ساعت پیش مطرح شد
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);
}

zz
@zp90085 3 ساعت پیش مطرح شد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام