सीएसएस सीमा त्रिज्या में काम नहीं करता है सफारी के लिए स्विचन के बाद gatsby-प्लगइन-छवि
अपने लैपटॉप पर देख सकते हैं मैं सीमा त्रिज्या की छवि, लेकिन यह नहीं लगता है काम करने के लिए iphone या iPad पर. (यानी छवि वर्ग केवल iPhone / iPad पर, मैं देख नहीं था, सीमा त्रिज्या:25px जा रहा है, छवि के लिए लागू)
संपादित करें 11-24: क्षमा करें, इस कोड स्निपेट का उपयोग कर रहा हूँ स्टाइल-घटक
export const MyImageContainer = styled(GatsbyImage)`
cursor: pointer;
border-radius: 25px;
`
हाँ, कि एक 'बग' है. इस सीएसएस हैक यह तय करना चाहिए.
-webkit-mask-image: -webkit-radial-gradient(white, black);
मैं इसी तरह की समस्या के साथ सीमा त्रिज्या की ओर पलायन के बाद gatsby-प्लगइन-छवि ।
नहीं यकीन है कि अगर इस पते अपने सवाल है, तुम चाहते हो सकता है जोड़ने के लिए अधिक जानकारी और कुछ कोड के टुकड़े उपयोगी हो जाएगा.
मैं का उपयोग कर रहा हूँ स्टाइल घटक के लिए परियोजना. मेरे समाधान किया गया था करने के लिए लक्ष्य आइएमजी
उदाहरण के लिए
export const MyImageVariable = styled(GatsbyImage)`
border-radius: 50%;
img {
border-radius:50%;
}
`