में एक त्रिभुज-समाप्त बटन आकार को दोबारा बनाना मैं CSS3 में इस आकार को फिर से बनाने की कोशिश कर रहा हूं।CSS3
<span><div id="shape"></div></span>
span {
display: block;
margin-left: 88px;
}
#shape {
width: 160px;
height: 100px;
background: #dcdcdc;
}
#shape:before {
height: 76px;
width: 76px;
top: 20px;
content:"";
position: absolute;
border-radius: 10px;
background-color: #ccc;
left: 60px;
-webkit-transform:rotate(45deg);
}
#shape:after {
height: 76px;
width: 76px;
top: 20px;
content:"";
position: absolute;
border-radius: 10px;
left: 220px;
-webkit-transform:rotate(45deg);
background-color: #ccc;
}
दुर्भाग्य से, कि पैमाने पर नहीं करता है:: CodePen demo (मैं जिस तरह से मैंने किया वर्णन करने के लिए पृष्ठभूमि रंग बदल)
यह मेरा समाधान था। यह महत्वपूर्ण है कि यह लंबवत पैमाने पर है।
एक जावास्क्रिप्ट समाधान भी काम करेगा।
आप पहले से ही आप क्या चाहते हैं की एक छवि है। आप इसका उपयोग क्यों नहीं कर सकते (ग्रे पृष्ठभूमि को दूर करने के बाद)? आप अपने पेज के लिए कई आकारों का उपयोग कर सकते हैं। – 11684
आप इसे कैसे स्केल करना चाहते हैं ?? –
दुख की बात है कि jQuery सीधे छद्म तत्वों की ऊंचाई निर्धारित नहीं कर सकता है, या आप इसे jQuery के साथ सेट करने में सक्षम होंगे। यदि आप अन्य HTML तत्व जोड़ना चाहते हैं, तो jQuery के साथ करना आसान होगा। – robooneus