اذهب إلى المحتوى

السؤال

Recommended Posts

  • 1
نشر

السلام عليكم أخي 

بالنسبة للborder radius لا يمكن ان تقوم بعمل هذا الشكل باستخدام البوردر ريديس .

لكن لديك حلان:

  1. ان تستخدم svg مماثل للشكل الذي تريده وتجعل الfill له باللون الابيض ويكون الz-index اعلى من المربع الاصفر وبالتالي سيبدو وكأن المربع الاصفر بهذا الشكل المطلوب.

      مثال :

      هذا الsvg يتم استخدامه في الشكل الموجود في الصورة.

    <svg viewBox="0 0 1000 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
      <path class="shape-fill" fill="#FFFFFF" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7  c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4  c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z" />
    </svg>

2- ان تستخدم مربع اخر بالابيض و تقوم بضبط الborder radius له بطريقة مشابهة لتلك المستخدمة مع الsvg.

any12.png

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...