radial-gradient（円形グラデーション）

円形グラデーションを指定して、テキストに強調点をつけた際に
ブラウザではきちんと反映されるのに、
スマホだとclorm、safariどちらも全く反応しなかった件について。

当初は以下の指定を参考にさせてもらった。綺麗に完成していたのだが、スマホで確認すると全くアウト。ベンダープレフィックスを用いても対策できなかったためしばらく迷いの森を抜け出せずに。。。

　　　　padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.3em .3em;
    background-image: radial-gradient(.15em .15em at center center,orange,orange 100%,transparent);

以下はシンプルに円形の指定を簡略化した書き方に。。
すると！なぜかこちらはうまくスマホでも反映される？！
なぜだかは正直認識できないができた。今回は書き方に少し考慮が必要だったというお話。

   padding-top: .4em; 
　　　background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1em .3em;
    background-image: radial-gradient(circle at center, #008B9B 25%, transparent 25%);

以下最近とーってもよくお世話になっております。