有谁知道如何创建这样的背景?是否可以仅使用 CSS 来完成?
我选择了 ZURB Foundation 作为我的 CSS 和 JS 框架,所以包括它在内的任何建议都是完美的。
任何方向,教程和任何东西都会是完美的!
编辑
我不是在问如何使用background-*
,而是如何为它设置动画。从 Chrome 中查看时,图像显示一个正方形,其他人开始圈出它。
有谁知道如何创建这样的背景?是否可以仅使用 CSS 来完成?
我选择了 ZURB Foundation 作为我的 CSS 和 JS 框架,所以包括它在内的任何建议都是完美的。
任何方向,教程和任何东西都会是完美的!
编辑
我不是在问如何使用background-*
,而是如何为它设置动画。从 Chrome 中查看时,图像显示一个正方形,其他人开始圈出它。
他们在背景+背景颜色上有这张图片。您可以使用 css 'background' 属性设置背景
本站背景使用此图片;它不是纯 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');
}
css {
background-image: url(someImage.png);
background-repeat: repeat;
background-color: blue;
}
png 图像具有透明度。您可以右键单击浏览器并在Firefox中选择“查看背景图像”以查看图像。图像看起来像一个被拉伸的小图像,导致像素被拉伸成块。