CSS-promień granicy nie działa w Safari po przełączeniu na gatsby-plugin-obraz
na moim laptopie widzę promień granicy obrazy, ale wygląda na to, że nie działa na iphone lub iPad. (czyli obraz kwadratowy tylko na iPhone / iPad, nie widziałem, aby do obrazu zastosowano promień granicy:25 pikseli)
EDYTOWAĆ 11-24: przepraszam, to jest fragment kodu, który używam w stylu składnika
export const MyImageContainer = styled(GatsbyImage)`
cursor: pointer;
border-radius: 25px;
`
Tak, to stara "błąd". Ten hack css powinien to naprawić.
-webkit-mask-image: -webkit-radial-gradient(white, black);
Mam podobny problem z promieniem granicy po przejściu na obraz Gatsby-wtyczki.
Nie jestem pewien, czy to odpowiada twojego pytania, możesz dodać więcej informacji, a niektóre fragmenty kodu będą pomocne.
Używam stylizowane składnik dla swojego projektu. Moje rozwiązanie polegało na tym, aby celować w img
Na przykład
export const MyImageVariable = styled(GatsbyImage)`
border-radius: 50%;
img {
border-radius:50%;
}
`