标签: gradient

我想在HTML/CSS中使用渐变.

假设一些DIV总是超过400px高.我想添加渐变,使其在顶部为#FFFFFF,在300px时为#EEEEEE.所以第一个300px(高度方面)是一个很好的'白色到灰色'渐变.在300px之后,无论DIV有多高,我都希望背景颜色保持#EEEEEE.

我想这与渐变停止有关(？)

我该怎么做？

PS如果在IE中不可能我不在乎.如果gecko和webkit浏览器能够正确显示,我会很好.

我试图在背景图像的顶部放置一个css3渐变.使用下面的代码将背景图像放在渐变的顶部,但我试图以相反的方式进行,因此渐变在顶部充当蒙版.

url(images/darkwood.png),
-webkit-gradient(linear, 0 0, 0 100%, from(#EEF), to(#000)) 300px 50px no-repeat,
-webkit-gradient(linear, 0 0, 0 100%, from(#EFE), to(#000)) 0 0 no-repeat;
background: 
url(images/darkwood.png),
-moz-linear-gradient(#EEF, rgba(0,0,0,1)) 300px 50px no-repeat, 
-moz-linear-gradient(#EFE, rgba(0,0,0,1)) 0 0 no-repeat;

谢谢你的帮助

给定2个rgb颜色和一个矩形区域,我想在颜色之间生成基本的线性渐变.我做了一个快速搜索,我唯一能找到的就是这个博客条目,但示例代码似乎缺失了,或者至少它是这个帖子.任何帮助,算法,代码示例,等等.这将用Java编写,但显示层已经处理好了,我只需要弄清楚如何找出要显示的内容.

我想用渐变创建一个棋盘图案.我找到了一个例子,并根据我的需要对其进行了修改,但它只适用于-moz前缀.当我删除-moz前缀时,模式完全不同.

如何使这个-moz棋盘图案无前缀地工作linear-gradient？

body {
  background-image:
  linear-gradient(45deg, #808080 25%, transparent 25%), 
  linear-gradient(-45deg, #808080 25%, transparent 25%),
  linear-gradient(45deg, transparent 75%, #808080 75%),
  linear-gradient(-45deg, transparent 75%, #808080 75%);

  background-size:20px 20px;    
  background-position:0 0, 10px 0, 10px -10px, 0px 10px;
}

我想在这里修改示例:

# include <cppad/cppad.hpp>
namespace { // ---------------------------------------------------------
// define the template function JacobianCases<Vector> in empty namespace
template <typename Vector>
bool JacobianCases()
{     bool ok = true;
     using CppAD::AD;
     using CppAD::NearEqual;
     double eps99 = 99.0 * std::numeric_limits<double>::epsilon();
     using CppAD::exp;
     using CppAD::sin;
     using CppAD::cos;

     // domain space vector
     size_t n = 2;
     CPPAD_TESTVECTOR(AD<double>)  X(n);
     X[0] = 1.;
     X[1] = 2.;

     // declare independent variables and starting recording
     CppAD::Independent(X);

     // a calculation between the domain and range values
     AD<double> Square …

WebKit引入了创建CSS渐变的功能.例如,使用以下代码:

-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));

但是,使用CSS可以使用不透明度渐变吗？我希望渐变在一侧是单色,在另一侧渐变为零不透明度.

跨浏览器兼容性并不重要; 我只需要它在谷歌浏览器中工作.

有没有办法用CSS做到这一点？如果没有,可以使用JavaScript(而不是jQuery)完成类似的事情吗？

谢谢你的帮助.

有没有办法创建跨浏览器,纯CSS3文本颜色渐变？

所以,没有png.不仅仅是'webkit'.

编辑:更确切地说:它只是CSS3,它是文本,而不是框渐变.

编辑:我找到了这个解决方案,但它只适用于webkit.

嘿,我希望能够在UILabel中对文本进行渐变填充我知道CGGradient但是我不知道如何在UILabel的文本上使用它

我在谷歌上找到了这个,但我无法让它运作起来

http://silverity.livejournal.com/26436.html

今天我设计了一个透明的PNG背景,只能坐在div的左上角,div的其余部分将为PNG的所有透明区域以及div本身的其余部分保留渐变背景.

通过我认为可行的代码解释可能更好:

#mydiv .isawesome { 
    /* Basic color for old browsers, and a small image that sits in the top left corner of the div */
    background: #B1B8BD url('../images/sidebar_angle.png') 0 0 no-repeat;

    /* The gradient I would like to have applied to the whole div, behind the PNG mentioned above */
    background: -moz-linear-gradient(top, #ADB2B6 0%, #ABAEB3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ADB2B6), color-stop(100%,#ABAEB3));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADB2B6', endColorstr='#ABAEB3',GradientType=0 );
}

我发现的是大多数浏览器选择其中一个 - 大多数选择渐变,因为它更深入CSS文件.

我知道这里的一些人会说"只是将渐变应用于你正在制作的PNG" - 但这并不理想,因为div会保持动态高度 - 有时很短,有时很高.我知道这个渐变并不重要, …

我需要可视化一些数据.它是基本的2D网格,其中每个单元格都有浮点值.我知道如何在OpenCV中为颜色分配颜色和绘制网格.但这里的重点是,有太多的价值观,所以几乎不可能做到这一点.我正在寻找一些方法,我可以使用渐变.例如,值-5.0将由蓝色,0 - 黑色和+5.0表示为红色.在Python中有没有办法做到这一点？

这是我正在谈论的示例数据

        A       B       C        D
A    -1.045    2.0     3.5    -4.890
B    -5.678    3.2     2.89    5.78