3

我试图在我的网页设计中依赖更多的代码而不是图像,并努力在 HTML5 和 CSS3 中更有效。

我搜索了所有 Stack Exchange 站点,但没有任何可靠的结果。话虽如此,我真正想了解更多的是使用纯 CSS 为网站背景创建模式。

我想知道这是否可以用纯 CSS 编码创建?

在此处输入图像描述

4

2 回答 2

4

CSS3 无法在您所想的级别上创建模式。CSS 模式非常基础,使用小块模式来构建大型可扩展/可重复块的背景。

CSS 模式是基本的 你的图像不是基本的

您使用的图像不会重复,更适合用作:{background: url("background.jpg");}或者您可以使用Base64 并将图像嵌入到 CSS 文件中。

使用 C33 创建基本模式

有多种方法可以使用 JavaScript/CSS 和 CSS3 即时制作 CSS3 模式。我建议您查看这篇文章:CSS3 Patterns Explained,或者另一种使用 Base64 嵌入制作简单模式的方法是使用Patternify

于 2013-02-22T19:25:35.297 回答
3

使用最新的浏览器(Internet Explorer 除外)和 CSS3,您可以仅使用 CSS 而无需图像来创建背景图案。在 IE 支持它并且当前的 IE 浏览器停止使用之前,这些技术在现实世界中不会有用几年。

这是一个拥有 CSS3 背景集合的网站:http: //lea.verou.me/css3patterns/ 他们没有和你的完全一样的,但是碳纤维是灰色的,不太像不同: http: //lea.verou.me/css3patterns/#carbon

于 2013-02-22T19:26:50.833 回答