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;         
}

FF 在 PC 和 Mac 上的一切看起来都不错，我知道 IE 不支持这个。

我的问题是关于渐变的：从我上面的渐变来看，渐变是相当平滑的，但我只想要一点蓝色从底部爬升，而不是像我在浏览器上看到的那样淡化。我玩过百分比和数值，但我似乎无法按照我想要的方式进行操作。

我怎样才能得到我想要的效果？

再一次，我想要从上到下大部分是白色的，而底部的蓝色只是一点点褪色。谢谢

4

2 回答 2

1

您想使用色标。

所以将第一个颜色设置为 0%，第二个设置为 90%，第三个设置为 100%（这将是蓝色）。

你可以使用这个工具来获得你想要的效果http://gradients.glrzad.com/

确保添加第三种颜色并将其定位在 90%。

干杯，

马尔科

于 2010-07-13T21:20:56.420 回答
0

非常正确，还有一个我经常使用的网站，叫做ColorZilla。

它非常有用，尤其是对于确保所有浏览器都能看到您的渐变。（我以前滑过那里：/）

于 2011-07-07T13:01:21.707 回答