CSS Radial Gradient browser differences
<p>I have a really simple CSS radial gradient, which looks significantly different in different in Safari and others:</p>

<pre><code>&lt;style&gt;
  body {
     background: #000;
  }
  div {
    height: 200px;
    width: 200px;
    background-image: radial-gradient(100px, #1493a4 0%, transparent 100%);
  }
&lt;/style&gt;

&lt;div&gt;&lt;/div&gt;
</code></pre>

<p>Any ideas, how I could make them all look like the Safari version?</p>

<p><a href="https://i.stack.imgur.com/FUGHR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FUGHR.png" alt="Screenshot of Safari"></a> <a href="https://i.stack.imgur.com/BvOfB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BvOfB.png" alt="enter image description here"></a></p>

<pre><code>Safari                         Firefox
</code></pre>

<p>Fiddle: <a href="https://jsfiddle.net/2234zy6o/3/" rel="nofollow noreferrer">https://jsfiddle.net/2234zy6o/3/</a></p>