2

テスト中のページにこのクラスを設定しました (CSS3 の実装を始めたばかりなので、気楽に行ってください)。

.CSS3TESTDIV{
    width:228px;
    height:300px;
    background-color: #fff3;
    background-image: -moz-linear-gradient(0% 100% 90deg, #0068b3, #fff);
        background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), to(#0068b3)); 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border: 1px solid #0068b3; 
    padding: 10px;
    margin:0 10px 0 0;
    -moz-box-shadow: 7px 7px 7px #888;  
    -webkid-box-shadow: 7px 7px 7px #888;
    box-shadow: 7px 7x 7px #888;
    float:left;         
}

PC と Mac の FF ではすべてが適切に表示されますが、IE がこれをサポートしていないことはわかっています。

私の質問はグラデーションに関するものです。グラデーションの上にあるものから、グラデーションはかなり滑らかですが、ブラウザーで表示されるほど高くフェードアップするのではなく、下から少し青が忍び寄るようにしたいだけです。パーセンテージと値をいじってみましたが、思い通りにはいかないようです。

探している効果を得るにはどうすればよいですか？

繰り返しますが、上から下までほぼ白で、下の青が少しだけフェードアップするようにします。ありがとう

4

2 に答える 2

1

カラーストップを使用したい。

最初の色を 0%、2 番目の色を 90%、3 番目の色を 100% (青) に設定します。

このツールを使用して、目的の効果を得ることができますhttp://gradients.glrzad.com/

ただし、3 番目の色を追加して、90% の位置に配置してください。

乾杯、

マルコ

于 2010-07-13T21:20:56.420 に答える
0

そうです、私がかなり使用しているColorZillaという別のサイトがあります。

これは非常に便利で、特にすべてのブラウザーでグラデーションが表示されるようにする場合に役立ちます。(私は前にそこに滑り落ちました:/)

于 2011-07-07T13:01:21.707 に答える