CSS Sınır Yarıçapı, gatsby-plugin-image'a geçtikten sonra Safari'de çalışmıyor
dizüstü bilgisayarımda görüntünün sınır yarıçapını görebiliyorum, ancak iphone veya iPad'de çalışmıyor gibi görünüyor. (yani görüntü yalnızca iPhone / iPad'de kare, sınır yarıçapını görmedim: görüntüye 25px uygulanıyor)
DÜZENLEME 11-24: üzgünüm bu, stil bileşeni kullandığım kod parçacığıdır
export const MyImageContainer = styled(GatsbyImage)`
cursor: pointer;
border-radius: 25px;
`
Evet, bu eski bir 'böcek'. Bu css kesmek bunu düzeltmeli.
-webkit-mask-image: -webkit-radial-gradient(white, black);
Gatsby-plugin-image'a geçtikten sonra sınır yarıçapı ile benzer bir sorunum var.
Bunun sorunuzu ele alıp almadığından emin değilseniz, daha fazla ayrıntı eklemek isteyebilirsiniz ve bazı kod parçacıkları yardımcı olacaktır.
Projem için styled-component kullanıyorum. Benim çözümüm ımg'yi hedeflemekti
Örneğin
export const MyImageVariable = styled(GatsbyImage)`
border-radius: 50%;
img {
border-radius:50%;
}
`