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

Css html رسم متوازي مستطيلات

Lamia Altayeb

السؤال

كيف ممكن اعمل هذا الشكل ب html&Css

حركة الميلان الي مكتوب عليها service و about وووو

من غير قوالب جاهزة 

IMG_20210328_005536.jpg

تم التعديل في بواسطة Wael Aljamal
توضيح السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

نعم يمكننا عمل هذا حيث يتطلب عنصر div: HTML و بعض التنسيقات:

HTML:

<div id="parallelogram"></div>

+

CSS:

#parallelogram{
    width: 160px;
    height: 100px;
    background: #8734f7;
    -webkit-transform: skew(30deg); 
    -moz-transform: skew(30deg); 
    -o-transform: skew(30deg); 
    transform: skew(30deg); 
}

والشكل:

عليك التلاعب بمواقع العناصر من خلال الخاصية position و تموضع العناصر فوق بعضهم عن طريق z-index

متوازي الأضلاع.JPG

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...