0

私はcss3の放射状グラデーションを試していて、見栄えの良いグラデーションを思いついた。

background-image: -webkit-radial-gradient(center 110%, 80% 100%, transparent 20%, #22853D);

今、私はそれをクロスブラウザにしようとしています。古い-webkit-gradient('radial')構文の上記と同等のものは何ですか?

UPDATE 簡単に言えば、古い構文で楕円を描くことは可能ですか?

4

1 に答える 1

0

残念ながら、これは不可能です。CSS3 Radial Gradients with RGBA()のように、円形の放射状グラデーションを適用してから、CSS 変換を介して押しつぶすこともできますが、このアプローチはお勧めしません。

SVG 背景を使用することをお勧めします。Microsoft の Web サイトで独自のグラデーションを生成できます。

http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html

これは、すべてのブラウザーにわたって優れたカバレッジを提供します (Firefox 3.6 であることを盲点にするだけです)。

于 2011-10-20T05:00:45.337 に答える