次のコードをサファリで動作させたいのですが、そうではありません:(
background:
linear-gradient(75deg,transparent 50%, grey 50%, transparent 54%) no-repeat 36.5% 0,
linear-gradient(-75deg,transparent 50%, grey 50%, transparent 54%) no-repeat 63.5% 0,
radial-gradient(rgba(127,127,127,0) 49%, rgba(255,255,255,.7) 51%, #c9c9c9 52%);
Chrome と Firefox では正常に動作しているようですが、Safari では正常に動作していないようです。私はウェブキットとすべてを試しましたが、悪化するだけです。
何か案は？
クラス：
.part a {
width: 200%; height: 200%;
border-radius: 50%;
box-shadow: 0 0 3px dimgrey, inset 0 0 4px white;
transform: skewY(-60deg) rotate(-15deg);
-ms-transform: skewY(-60deg) rotate(-15deg);
-webkit-transform: skewY(-60deg) rotate(-15deg);
background: linear-gradient(75deg,transparent 50%, grey 50%, transparent 54%) no-
repeat 36.5% 0,
linear-gradient(-75deg,transparent 50%, grey 50%, transparent 54%) no-repeat 63.5%
0, radial-gradient(rgba(127,127,127,0) 49%, rgba(255,255,255,.7) 51%, #c9c9c9 52%);
background-size: 15% 15%, 15% 15%, cover;
line-height: 4;
}