0

有谁知道如何创建这样的背景?是否可以仅使用 CSS 来完成?

我选择了 ZURB Foundation 作为我的 CSS 和 JS 框架,所以包括它在内的任何建议都是完美的。

任何方向,教程和任何东西都会是完美的!

编辑 我不是在问如何使用background-*,而是如何为它设置动画。从 Chrome 中查看时,图像显示一个正方形,其他人开始圈出它。

4

3 回答 3

1

他们在背景+背景颜色上有这张图片。您可以使用 css 'background' 属性设置背景

于 2013-03-29T13:07:44.153 回答
1

本站背景使用此图片;它不是纯 CSS。它本质上是在#8fc4f8其上施加并重复的半透明图像的颜色。这是完整的样式:

div {
    background-position: 0px 0px;
    background-repeat: repeat;
    background-color: #8fc4f8;
    background-image: url(' http://showcase.sproutcore.com/static/showcase/en/a32a0e14e8223a19249778c2853693481ab603ac/stylesheet-resources/images/pixels.png');
}
于 2013-03-29T13:07:50.070 回答
1
css {

background-image: url(someImage.png);
background-repeat: repeat;
background-color: blue;
}

png 图像具有透明度。您可以右键单击浏览器并在Firefox中选择“查看背景图像”以查看图像。图像看起来像一个被拉伸的小图像,导致像素被拉伸成块。

于 2013-03-29T13:10:21.490 回答