10

مولّد نصف قطر الحدود css

مرحبا...

هربا من أداء مهمة مزعجة "عرض تقديمي لموضوع بعيد عن تخصصي" قررت إنشاء تطبيق بسيط يقوم بتوليد اشكال صناديق مختلفة من خلال خاصية border-radius التابعة لـ css. لتحقيق ذلك استعملت jQuery. حفظا للحقوق فانني استلهمت فكرة التطبيق من أداة Fancy Border Radius Generator لـ9elements.

رابط الأداة: https://radius-generator-cs...

شيفرة المصدر:

صور للأداة:

تحيتي لكم....

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

اهلا علي..

ببساطة يمكنك نسخ اعدادات css للشكل الذي تود استعماله.

على سبيل المثال لو كان لديك div يحتوي على الصنف card تقوم بنسخ الكود من الموقع ووضعه في ملف تنسيقات css الخاصة بالصنف card.

مثال:

<style>
div.card {
  :
  :
  :
  border-radius: 89% 52% 68% 89%; 
}
</style>
<div class="card">
<h4>عنوان البطاقة</h4>
<p>محتوى البطاقة النصّي</p>
</div>

جرب التعديل بنفسك من هنا: https://codepen.io/amermmoh...

النتيجة:

تحيتي لك...

جميل جدا

شكرا لك... يسرني انها اعجبتك.

اداة جميلة. احببتها

شكرا لك علاء... يسرني انها اعجبتك.

أقل ما يقال عنه أنه رهيب جدا.

لكن لو أمكن أن نكون قادرين على كتابة القيم لأن السلايدر مرهق حيث حاولت وضع السلايدر على 220px في الترانسفورم روتيت ، لكن باءت كل محاولاتي بالفشل.

لهذا ربما يكون من الرائع أن نكون قادرين على اختيار القيم بالكتابة أيضا إلى جانب السلايدر

شكرا جزيلا جدا جدا

مرحبا محمود... يسرني ان الاداة قد نالت إعجابك.

شكرا لك قمت بتنفيذ مقترحك.

جميل جدا جزاك الله خير

وجزاك :) يسرني انها اعجبتك.

جميل جداً ،