如何在画布中设置背景重复线性渐变css？

文章/答案/技术大牛

发布

1回答

javascript、html、css、canvas、fabricjs

我想在canvas中添加此css background: repeating-linear-gradient( 129deg, #000, #000 10px, #f69d00 10px, #f69d00

浏览 41提问于2017-02-03得票数 0

3回答

如何使用CSS混合颜色？

html、css

我想要一个有两种颜色的盒子，上面有银色，它应该会慢慢褪色成白色，就像苹果的主页背景一样。我该怎么做？一如既往的感谢。

浏览 3提问于2010-10-16得票数 0

2回答

梯度中的梯度？

css、webkit

好吧，我不知道这是否可能，只是我的代码出了点问题……如果可能，请告诉我是否做错了什么，或者是在哪个浏览器中可能做错了什么

浏览 0提问于2012-06-20得票数 2

回答已采纳

5回答

在使用CSS渐变时添加图像？

html、css

我正在尝试创建一个按钮使用CSS渐变加上一个图标，走在顶部的渐变。我试了两种方法，都失败了。但我也听说过CSS3的多背景图像，所以我尝试了一下。在<button>中添加<img>标记

浏览 0提问于2010-08-24得票数 5

回答已采纳

1回答

当有100vh的多个部分时，如何对整个网页应用线性梯度？

css、background、viewport、linear-gradients

我想有一个线性渐变为我的整个网站使用HTML/CSS -从一种颜色(说红色)在开始到另一种(说蓝色)在结束。当用户请求页面时，当他们向下滚动时，他们首先看到蓝色背景逐渐变成红色背景。问题是，当我使用100vh将网站与部分分开时，每个部分的线性梯度都会重复--而不是线性地改变部分。class="">first section</div> </section>

浏览 16提问于2019-06-18得票数 0

2回答

有没有人知道有没有php库，或者如果没有，有没有关于如何通过php从基本的HTML元素输入设置和CSS 3渐变参数生成图像的任何输入。举一个例子来说明为什么这将是有用的，我在几天前发现，使用基本的Css3渐变样式来布置网页的线框可以大大加快我的设计和开发时间。无论如何，所以我计划在布局完成后，在photoshop中重新创建图形，以便每个浏览器都能够渲染图像。这不会花很长时间，但就重复而言，如果我能用PHP来做这件事，那就太不可思议了。代码背景：-moz

浏览 6提问于2010-06-11得票数 0

回答已采纳

3回答

-moz-线性-梯度

css

有人能给我解释一下这段代码是什么意思吗？我在谷歌上搜索了很多，只找到了这部分的语法我的代码：谢谢!

浏览 0提问于2010-03-25得票数 0

回答已采纳

1回答

渐变边框不填充页眉和页脚部分

html、css、background-image、linear-gradients、background-repeat

我在插入背景图像和使页眉和页脚部分具有渐变背景时遇到问题。我的背景图像必须重复。.gif图片是否必须与css位于同一文件夹中？这是它的css。background-image: url("folder1/pic.gif");} 我也在做一个从白色到橙色再到黑色的线性渐变然后，此渐变将成

浏览 5提问于2016-09-29得票数 0

1回答

CSS文本阴影覆盖背景线性梯度

html、css

当文本颜色实际上是渐变时，我使用一种技术来呈现此渐变，其中颜色设置为透明，背景设置为渐变，因为颜色不能直接接受梯度值。但是，当我也使用文本阴影属性(如创建三维阴影效果)时，阴影颜色会阻塞/重写背景色。下面的CSS是从发生这种情况的示例中获取的。文本阴影有不同的灰色阴影，背景本身具有从蓝色到橙色的线性梯度，但最终的结果似乎没有这些颜色。是否有不同的CSS属

浏览 5提问于2022-01-16得票数 0

回答已采纳

3回答

"background-repeat“后的意外速记"background”

css

对于下面的CSS代码块，我们有一个问题 border: 1px solid #dadada我不是一个CSS的人，也不能在网上找到任何解决方案。有没有人能帮我了解一下这个问题以及解决这个问题的办法。在"font-weight“之后的"font”也报告了类似的问题。请建议任何解决方案或链接。

浏览 4提问于2021-09-15得票数 0

1回答

有没有办法让背景图像在moz线性梯度上渲染？

css、firefox、background

在css中，您通常可以同时设置背景图像和背景颜色，图像将呈现在颜色之上。background-image: url(arrow.png);}编辑： MDC

浏览 1提问于2010-08-05得票数 1

回答已采纳

2回答

-当在JQuery滑块上添加-webkit-线性梯度时，moz-线性梯度断开

javascript、jquery、css、slider、linear-gradients

TL;DR -webkit-线性梯度正在打破-moz-线性梯度所以这是一个难题，我使用了Jquery Slider插件，上面有两个手柄，并且我有一个渐变作为背景颜色，给外部范围一些颜色。我想做的是当滑块移动时更新渐变的百分比。当同时使用-moz和-webkit标签时，它在Chrome / Safari中有效，但在Firefox中不起作用。从第一个滑块的位置拉取值。当我只有-moz-线性梯度标签时，它可以工作，但是一旦我添加了-webkit-线性</e

浏览 2提问于2012-08-31得票数 2

回答已采纳

2回答

浏览器移动的线性梯度和url图像？

css、mobile-browser、autoprefixer、css-gradients

我想要一个背景图像和CSS线性梯度： background-image: url("/site/grigliatrasparente.png"), linear-gradient(left, #404040

浏览 6提问于2016-03-03得票数 8

回答已采纳

1回答

如何下载HTML5画布的背景图像？

javascript、html、css、canvas

我有一个程序，将2种rgb颜色的r、g和b值随机化，并创建一个线性梯度混合颜色。然而，创建线性渐变的唯一方法是将画布的背景图像设置为该梯度，这意味着当我下载画布时，它是空白的，因为背景图像没有加载。CSS width: 500px; background-image: linear-gradient(to right, white, black(to left, rgb($

浏览 1提问于2020-05-06得票数 0

2回答

为什么按钮没有显示任何淡入淡出效果？

html、css

我正在尝试编写一个按钮，在悬停时，将产生一个缓入-出效果。我使用了以下代码：padding:20px;/* fallback/image non-cover color *//* Safari 4+, Chrome 1-9 *//* Safari 5.1+, Mobile Safari, Chrome 10+ *

浏览 5提问于2012-07-22得票数 0

回答已采纳

7回答

IE7和IE8中的CSS渐变会导致文本产生锯齿

css、text、internet-explorer、gradient

我尝试在包含一些文本的div中使用CSS渐变。使用Gecko和Webkit时，文本显示正常。在IE7 & IE8中，文本显示为锯齿(锯齿状)。有没有一种方法可以在IE8中做到这一点，而不需要在div中填充重复的背景图像？ } <div>Hello World</

浏览 8提问于2010-03-24得票数 20

1回答

可以用css3重复渐变创建此图案吗？

css、gradient

嗨，我有这个图像，我想用它做一个背景渐变，而不是把它放到CSS中：有没有可能，或者我正在突破CSS3梯度的极限。我并不是在寻找一个具有多个div或任何类型的hack的解决方案，只是为一个css类寻找渐变或重复渐变，我可以将其分配给一个元素，并将所需的模式分配给它。更新：如果你检查上面的图像，你会发现蓝色的条纹没有相同的宽度，所以根据的答案，2个梯度不足以拥有这个图案，我们需要7个，但是我没有实现这个图案与常规的线

浏览 0提问于2014-11-23得票数 0

3回答

IE9边界-半径不一致

css

我有一个网站的边界半径有时在IE9中工作，但不是其他的。我还包括了...在标题中。webkit-transition:All 0.5s ease; -o-transition:All 0.5s ease;但不是在下面的示例中。1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1

浏览 1提问于2011-07-27得票数 3

回答已采纳

6回答

在CSS3中的不同语句中声明的同一元素的多个背景图像/渐变

css、background、gradient

我正试着和CSS3一起做一件小事...我想为一堆具有".myClass“类的元素设置一个带有-xxx-线性梯度的渐变(为了兼容，使用colorzilla.com/ gradient -editor生成)但是这些具有".myClass“类的元素都有一个Id，并且根据Id的不同，我想在渐变的顶部添加不同的背景图像(就像在多背景语句中一样)。.), same result */ background-im

浏览 0提问于2011-07-09得票数 3

回答已采纳

5回答

仅使用html、css和javascript的渐变？

gradient

有没有一种只在css/html/javascript中做渐变的方法，可以在所有主流浏览器上使用？(微软IE 5+，火狐，歌剧，野生动物园)？编辑:我想这样做的背景(标题，主面板，侧面板)。编辑:在阅读了回复之后，让我们也向Javascript解决方案开放它，因为HTML/CSS本身就使它更难实现。

浏览 0提问于2008-12-11得票数 5

点击加载更多