एक डीआईवी बनाना जो बाईं ओर त्रिकोण को आकर्षित करने के लिए सीएसएस का उपयोग करता है। माता-पिता और छद्म तत्व (छवियों को देखें) और कोड दोनों के लिए एक समान बॉक्स-छाया लागू करने का प्रयास कर रहे हैं।बॉक्स छाया के साथ सीएसएस स्पीच बबल
क्या यह संभव है? या मैं इसके लिए सीमा-छवि का उपयोग कर बेहतर हूं?
(शीर्ष: सीएसएस बॉक्स छाया, नीचे:: छाया, मध्य से पहले वांछित परिणाम)
.bubble{
height: 200px;
width: 275px;
opacity: 0;
margin-top: 41px;
float: right;
background-color: #F2F2F2;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 6px #B2B2B2;
}
.bubble::after {
height: 0px;
width: 0px;
content: "\00a0";
display: block;
margin-left: -10px;
margin-top: 28px;
border-width: 10px 10px 10px 0;
border-style: solid;
border-color: transparent #F2F2F2 transparent transparent;
-webkit-box-shadow: 0px 0px 6px #B2B2B2;
}
@ लॉर्डवर्लिन मैंने हाल ही में इसे एक आईफोन बैक बटन के लिए उपयोग किया था इसलिए मुझे एक छवि का उपयोग करने की आवश्यकता नहीं थी। और भी मज़ेदार के लिए आप त्रिकोण के कोण को बदलने के लिए 'ट्रांसफॉर्म: skew();' का उपयोग कर सकते हैं। – ThinkingStiff
मैंने फ़ायरफ़ॉक्स 14 के साथ फ़िल्ड को चेक किया और यह एक त्रिकोण के बजाय आयताकार प्रदर्शित किया। ऐसा क्यों है? परिवर्तन सीएसएस एफएफ 14 में समर्थित है, है ना? – thomthom
यह पता चला कि यह स्काई परिवर्तन था जिसे फ़ायरफ़ॉक्स पसंद नहीं आया ... – thomthom