تغيير شكل النموذج او المربع الى مستطيل او دائري والتلاعب بالزوايا باستخدام css3 ؟

+1 تصويت
80 مشاهدات
سُئل يناير 31، 2013 في تصنيف التقنية والموبايل بواسطة Ahmed88 خبير (40,230 نقاط)

http://www.itgeared.com/images/content/css3borderradius2.png

 

كيف يمكنني انشاء مثل هذه الاشكال والمربعات الدائريه والمستطيله وايضاً التي تكون باشكال اخرى غير الدائري والمستطيل والمربع

ياريت تفيدوني وشكراً لكم ؟

إجابة واحدة

0 تصويتات
تم الرد عليه فبراير 1، 2013 بواسطة إسماعيل الجعثوث مستشار (141,800 نقاط)
مختارة فبراير 1، 2013 بواسطة Ahmed88
 
أفضل إجابة

قدمت CSS 3 حلول كثيرة للتصميم 

ومن هذه الحلول هو انشاء زوايا دائرية بشتى انواعها مثل ماذكرت 

هذه الخاصية إسمها Border-Radius .

نقوم باخذ امثلة 

border-radius: 5px;

في هذا المثال نقوم بتحديد جميع الزوايا بزاوية 5 px , بمعنى انها ستكون بجميع الزوايا اليمين واليسار والاسفل باليمين واليسار ايضاً 

 

مثال اخر 

border-top-left-radius: 10px 5px;

border-bottom-right-radius: 10% 5%;
border-top-right-radius: 10px;

هذه الامثلة نرى اننا قمنا بتحديد الزوايا مثل الاعلى اليسار , الاسفل اليمين , وهكذا نقوم بتحديد زوايا محدده ...

اسئلة مشابهة

+1 تصويت
1 إجابة 39 مشاهدات
+1 تصويت
1 إجابة 31 مشاهدات
سُئل أغسطس 30، 2014 في تصنيف التقنية والموبايل بواسطة التميمي (170 نقاط)
0 تصويتات
1 إجابة 48 مشاهدات
0 تصويتات
1 إجابة 146 مشاهدات
0 تصويتات
1 إجابة 30 مشاهدات
+1 تصويت
1 إجابة 48 مشاهدات
سُئل يوليو 15، 2013 في تصنيف التقنية والموبايل بواسطة Om Ali مبتدئ (13,860 نقاط)
0 تصويتات
1 إجابة 48 مشاهدات
سُئل يناير 15، 2013 في تصنيف التقنية والموبايل بواسطة Om Ali مبتدئ (13,860 نقاط)
0 تصويتات
1 إجابة 39 مشاهدات
–1 تصويت
4 إجابة 1,397 مشاهدات
سُئل سبتمبر 9، 2015 في تصنيف التقنية والموبايل بواسطة Hacker saudi
0 تصويتات
7 إجابة 5,415 مشاهدات
اكثر الاعضاء مساهمة
هذا الشهر:
  1. صيانة دايو - 16 نقاط
  2. إسماعيل الجعثوث - 8 نقاط
  3. خالد الحريبي - 4 نقاط
  4. alghwidi - 4 نقاط
  5. marwanlibya2018 - 3 نقاط
  6. salim34 - 2 نقاط
  7. LAMES - 1 نقاط
  8. Rahmah - 1 نقاط
  9. المهجول - 1 نقاط
  10. Noor22 - 1 نقاط
Gute Mathe-Fragen - Bestes Mathe-Forum
يتيح لك موقع سؤال وجواب السؤال والاجابة على الاسئلة الاخرى والتعليق عليها , شارك معلوماتك مع الاخرين .
...