मेरे पास वेबपेज के लिए डिज़ाइन है जहां सब कुछ गैर-आयताकार आकार, बहुभुज, तेज किनारों द्वारा बनाया गया है ... मैं मानता हूं कि कौन सी तकनीक का उपयोग करना बेहतर है, सीएसएस के साथ या सीमाओं के साथ क्लिप पथ? मैं पूछ रहा हूं क्योंकि मैंने अन्य वेबसाइटों पर देखा है कि वे आकृतियों के लिए सीमा तकनीक का उपयोग कर रहे हैं।

इस तरह सीएसएस के साथ सरल क्लिप पथ क्यों नहीं?

<pre>
.triangle {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
</pre>

इसके अलावा:

<pre>
.triangle {
    width:0;
    border-bottom:solid 50px black;
    border-right:solid 30px transparent;
    border-left:solid 30px transparent;
}
</pre>
-2
mirage_f1 5 अगस्त 2019, 10:46

1 उत्तर

सबसे बढ़िया उत्तर

सीमाओं का उपयोग करें। क्लिप-पथ नहीं

ऐसा इसलिए है, क्योंकि https://caniuse.com/#search= के अनुसार क्लिप-पथ अधिकतर असमर्थित है क्लिप-पथ

यदि आपको कोई आपत्ति नहीं है कि आपकी वेबसाइट IE और Edge में काम नहीं कर रही है और केवल आंशिक रूप से अन्य ब्राउज़रों में (उपसर्ग के साथ) तो आप क्लिप-पथ के साथ जा सकते हैं।

0
Tim Gerhard 5 अगस्त 2019, 11:04