CSS Hranice Okruhu nefunguje v Safari po prepnutí do gatsby-plugin-obrázok
na mojom notebooku vidím hranice okruhu obrázok, ale nezdá sa, že práca na iphone alebo iPad. (t. j. obraz je štvorcových len na iPhone / iPad, nevidela som border-radius:25px sa aplikuje na obrázok)
UPRAVIŤ 11-24: prepáč, to je útržok kódu, ktorý som pomocou štýlu-komponent
export const MyImageContainer = styled(GatsbyImage)`
cursor: pointer;
border-radius: 25px;
`
Áno, to je starý 'bug'. Tento css hack by malo problém vyriešiť.
-webkit-mask-image: -webkit-radial-gradient(white, black);
Mám podobný problém s hraníc polomer po zaradení do gatsby-plugin-obrázok.
Nie ste istý, či toto adresy na vašu otázku, môžete pridať ďalšie podrobnosti a niektoré útržky kódu budú užitočné.
Som pomocou štýlu-komponenta pre môj projekt. Moje riešenie bolo zamerať img
Napríklad
export const MyImageVariable = styled(GatsbyImage)`
border-radius: 50%;
img {
border-radius:50%;
}
`