CSS Rază de Frontieră nu merge în Safari, după trecerea la gatsby-plugin-imagine
pe laptop-ul meu nu pot vedea raza de frontieră din imagine, dar nu pare să funcționeze pe iphone sau iPad. (de exemplu, imaginea este pătrat numai pe iPhone / iPad, nu am văzut-border-radius:25px fi aplicat pe imagine)
EDIT 11-24: rău de acest fragment de cod, eu sunt, folosind un stil componente
export const MyImageContainer = styled(GatsbyImage)`
cursor: pointer;
border-radius: 25px;
`
Da, asta este un vechi "bug". Această css hack ar trebui să-l repara.
-webkit-mask-image: -webkit-radial-gradient(white, black);
Am problemă similară cu raza de frontieră după migrarea la gatsby-plugin-imagine.
Nu sunt sigur dacă acest lucru adreseaza intrebarea ta, s-ar putea să doriți să adăugați mai multe detalii și câteva fragmente de cod va fi de ajutor.
Eu sunt, folosind un stil componente pentru proiectul meu. Soluția mea a fost să vizeze img
De exemplu
export const MyImageVariable = styled(GatsbyImage)`
border-radius: 50%;
img {
border-radius:50%;
}
`