2

私はしばらくの間jQueryを実行していますが、あるグラデーションから別のグラデーションにどのようにフェードするかがわかりません。 グラデーションにはhttp://www.colorzilla.com/gradient-editor/を使用してい ます。そして例えば

background: #ffaf4b;
background: -moz-radial-gradient(center, ellipse cover,  #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a));
background: -webkit-radial-gradient(center, ellipse cover,  #ffaf4b 0%,#ff920a 100%);
background: -o-radial-gradient(center, ellipse cover,  #ffaf4b 0%,#ff920a 100%);
background: -ms-radial-gradient(center, ellipse cover,  #ffaf4b 0%,#ff920a 100%);
background: radial-gradient(center, ellipse cover,  #ffaf4b 0%,#ff920a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=1 );

それで、もし私が複数のグラデーションの間でリンクのフェードをクリックしたいのなら、あなたはそれについてどうしますか？（ナビゲーションやdivの背景に使用します）

現時点では、上記のコードを変数に保存して使用しようとしています

$('.li1').click(function(){
$('.navBar').animate(bgVar, 3000);
});

よろしくお願いしますマッハ

4

2 に答える 2

1

背景のグラデーションを使用する代わりに、2つの大きなグラデーションを使用DIVし、2つの異なるグラデーションをすべての後ろに重ねて使用できます。移行を行うには、同じ期間を使用してfadeOut下の方と上の方を切り替えます。http://jsfiddle.net/CeD2q/6/fadeIn

于 2012-06-13T11:04:41.447 に答える
0

現在、背景グラデーションから別の背景グラデーションに移行することは不可能だと思います。大きなグラデーションのbackground-imageまたはbackgroundgradientを使用してから、background-positionプロパティを使用して遷移することで、これを回避する人もいます。

ここでの例： http ：//sapphion.com/2011/10/css3-gradient-transition-with-background-position/

于 2012-06-13T10:59:51.840 に答える