CSS3 और HTML5 के साथ अनियमित आकार का div कैसे बनाएं?

CSS शेप्स

CSS3 के साथ, आप हमेशा आयत, त्रिकोण आदि जैसे आकार बना सकते हैं।

आयत

#shape1 {
    width: 300px;
    height: 150px;
    background: blue;
}

त्रिकोण

#shape2 {
    width: 0;
    height: 0;
    border-left: 200px solid transparent;
    border-bottom: 200px solid blue;
}

CSS बॉर्डर ट्रिक्स (शून्य चौड़ाई/ऊंचाई + रंगीन बॉर्डर्स) विभिन्न ज्यामितीय आकार बनाते हैं। जटिल आकार के लिए, clip-path या SVG का उपयोग करें।