css3 Gradient i firefox och opera
Hej, Jag försöker få till en rund gradient "boll" i mitten av skärmen, fungerar perfekt i chrome
som vanligt.. antar att detta fungerar i safari också efter som båda kör webkit, detta fungerar då med koden:
/* Webkit (Safari/Chrome 10) */
background-image: url('noise.png'), -webkit-gradient(radial, center center, 0, center center, 143, color-stop(0, #303030), color-stop(1, #111111));
/* Webkit (Chrome 11+) */
background-image: url('noise.png'), -webkit-radial-gradient(center, circle closest-side, #303030 0%, #111111 100%);
när jag kör kod för opera eller firefox får jag detta resultat.
detta kör då koden:
/* Mozilla Firefox */
background-image: url('noise.png'), -moz-radial-gradient(center 45deg,circle closest-side, #303030 0%, #111111 100%);
/* Opera */
background-image: url('noise.png'), -o-radial-gradient(circle closest-side, #303030 0%, #111111 100%);
om ni ska försöka att göra detta, oroa er inte för "url('noise.png')," det är bara för att det ska vara noise över bilden och inte plan färg, samma resultat med som utan.
Så det jag vill få reda på är om någon vet hur jag får firefox eller opera att göra en cirkel som chrome och safari kan?
All css kod:
body {
/*Fall back for sucky browsers..*/
background-color:#111;
background-image: url('noise.png');
/* END Fallback*/
/* Mozilla Firefox */
background-image: url('noise.png'), -moz-radial-gradient(center 45deg,circle closest-side, #303030 0%, #111111 100%);
/* Opera */
background-image: url('noise.png'), -o-radial-gradient(circle closest-side, #303030 0%, #111111 100%);
/* Webkit (Safari/Chrome 10) */
background-image: url('noise.png'), -webkit-gradient(radial, center center, 0, center center, 143, color-stop(0, #303030), color-stop(1, #111111));
/* Webkit (Chrome 11+) */
background-image: url('noise.png'), -webkit-radial-gradient(center, circle closest-side, #303030 0%, #111111 100%);
/* Proposed W3C Markup */
background-image: url('noise.png'), radial-gradient(center, circle closest-side, #303030 0%, #111111 100%);
}
/*[if Webkit] background: url(noise.png), -webkit-gradient(radial, center center, 0, center center, 680, from(#303030), to(#111111));*/
CPU: Ryzen 9 3900x Noctua NH-D14 MOBO: TUF Gaming X570-PLUS GPU: GTX 980 RAM: 32 GB 3200 MHz Chassi: R4 PSU: Corsair AX860 Hörlurar: SteelSeries 840 Mus: Logitech G502 Lightspeed V.v. nämn eller citera mig för att få svar.
