0

このような背景を作成する方法を知っている人はいますか? CSS だけでそれを行うことは可能ですか?

CSS および JS フレームワークとして ZURB Foundation を選択したので、それを含む提案は完璧です。

指示、チュートリアル、その他何でも完璧です!

編集background-*の使用方法ではなく、アニメーション化の方法 を尋ねています。Chrome から表示すると、画像に 1 つの四角形が表示され、他の四角形が丸で囲まれ始めています。

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 に答える