CSS Border Radius nefunguje v Safari po přepnutí do gatsby-plugin-image
na svém notebooku vidím poloměr hranice obrazu, ale nezdá se, že práce na iphone nebo iPad. (tj. obraz je náměstí pouze na iPhone / iPad, neviděl jsem, že border-radius:25px být aplikován na obraz)
EDIT 11-24: omlouvám se, že to je fragment kódu používám stylem-součást
export const MyImageContainer = styled(GatsbyImage)`
cursor: pointer;
border-radius: 25px;
`
Ano, to je starý 'chyba'. Tento css hack by to napravit.
-webkit-mask-image: -webkit-radial-gradient(white, black);
Mám podobný problém s border radius po přenesení do gatsby-plugin-image.
Nejsem si jistý, jestli to řeší vaši otázku, možná budete chtít přidat další podrobnosti a některé fragmenty kódu, bude užitečné.
Používám stylem-součásti pro můj projekt. Moje řešení bylo zaměřit se na img
Například
export const MyImageVariable = styled(GatsbyImage)`
border-radius: 50%;
img {
border-radius:50%;
}
`