مرحبا...
هربا من أداء مهمة مزعجة "عرض تقديمي لموضوع بعيد عن تخصصي" قررت إنشاء تطبيق بسيط يقوم بتوليد اشكال صناديق مختلفة من خلال خاصية 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 في الترانسفورم روتيت ، لكن باءت كل محاولاتي بالفشل.
لهذا ربما يكون من الرائع أن نكون قادرين على اختيار القيم بالكتابة أيضا إلى جانب السلايدر
شكرا جزيلا جدا جدا