კუთხეების მომრგვალების (Border Radius) გენერატორი
მოამრგვალეთ თითოეული კუთხე სლაიდერებით, შექმენით ორგანული ფორმები ელიფსური რეჟიმით და დააკოპირეთ CSS მომენტალურად.
ყოველი კუთხე იხატება პირდაპირ თქვენს ბრაუზერში. თქვენ მიერ მითითებული მონაცემები BroBroGo-ზე არ იტვირთება.
ხშირად დასმული კითხვები
როგორ მუშაობს ოთხი კუთხე და px vs %?
ოთხი სლაიდერი საათის ისრის მიმართულებით შეესაბამება ზედა მარცხენა, ზედა მარჯვენა, ქვედა მარჯვენა და ქვედა მარცხენა კუთხეებს. პიქსელებში კუთხე მრგვალდება ფიქსირებული სიდიდით, ხოლო პროცენტებში — კონტეინერის ზომის პროპორციულად (ჰორიზონტალური პროცენტი მიჰყვება სიგანეს, ვერტიკალური კი სიმაღლეს, ამიტომ 50% კვადრატს წრედ აქცევს).
რას აკეთებს ელიფსური რეჟიმი?
გამორთულ მდგომარეობაში ყოველი კუთხე არის წრის მეოთხედი ერთი რადიუსით. ჩართვისას თითოეულ კუთხეს ეძლევა ცალკეული ჰორიზონტალური და ვერტიკალური რადიუსი, რაც საშუალებას გაძლევთ შექმნათ რბილი, ორგანული „ბლობის“ (blob) ფორმები. გენერატორი თავად წერს ორმნიშვნელობიან დახრილი ხაზის ფორმატს და უბრუნდება მოკლე ფორმას, როგორც კი კუთხეები კვლავ თანაბრად მომრგვალდება.
როგორ შევქმნა იდეალური წრე ან აბისებრი ფორმა?
დააკავშირეთ კუთხეები, გადართეთ პროცენტებზე (%) და მიუთითეთ 50%: კვადრატი წრედ იქცევა. აბისებრი ღილაკისთვის კი დატოვეთ პიქსელები (px) და გადაათრიეთ კუთხე ღილაკის სიმაღლის ნახევარზე მეტად — გვერდები სრულად მომრგვალებული დარჩება ნებისმიერი სიგანის შემთხვევაში. „წრე“ (Circle) პრესეტი პირველ ვარიანტს ერთი დაწკაპუნებით აყენებს.