簡(jiǎn)単に言えば、円形の p 要素の境界半徑とパッケージのオーバーフローを通じてこれを?qū)g現(xiàn)する必要があります。濃いオレンジ色は影になるはずです。
本當(dāng)に申し訳ありません、私はいつもFirefoxを使用していましたが、radial-gradient
とChromeで異なるとは予想していませんでした。それは私がよく理解していないからでもあります。
以下のリンクを再度修正しました。
================
CSS3 変數(shù)を使用して半徑サイズを制御する、これより簡(jiǎn)単な方法は今のところ思いつきません
下位互換性がないようにする道はどんどん進(jìn)んでいきます...
デモ-新機(jī)能
====================================
詳しくはデモをご覧ください。追加のタグを追加していない純粋な CSS3 実裝です。拡張性は高くないと感じますが、今後も改善を続ければ実用化できるはずです。
CSS3 にはさらに多くの魔法があり、より深く考えると、多くの興味深い機(jī)能が思いつきます。まさに「CSS Revealed」の著者と同じです。
デモ