css-sprites

1熱

1答えて

`background-size：contains;`のような応答サイズのアイコンのスプライト

私はたくさんのアイコンを持つアプリを持っています。私はこれらのアイコンのスプライトを使用することは、複数の小さな画像を持つ代わりに正しい方法であることを知っています。しかし、私はコンテナ（background-size: contain;）と同じサイズになるようにこれらのアイコンを必要とするので、私は、各アイコンのために複数の画像を使用することを余儀なくされた。： .icon1 { b

0熱

1答えて

CSSスプライトシートのアニメーションが動作しない（左右にスクロールする）

CSSアニメーションを使用して文字をアニメーション化しました。私は1つのアニメーションを正常に完了しましたが、他のアニメーションを試してみると、私は奇妙な影響を受けます。 Texture Packerを使用してスプライトシートを作成しています。 1行上のスプライトを維持：は、私の研究を通して、私は別のアプローチを試みました。私は様々なスプライトシートを試しました、いくつかの行と複数のスプライ

0熱

1答えて

位置CSSスプライトテキストの右側にある画像

テキストの右側に背景画像として配置する必要があるCSSスプライトがあります。外部のリンクアイコンのように。また、私はテキストが完全な幅に続いて画像を望んでいます。次のように私のCSSはです： .container { width:1247px; background-color:#444; } .container a { background: tran

0熱

2答えて

は、背景のCSSスプライト画像の幅を設定する方法はあり背景のCSSスプライト画像の幅

を設定しますか？今以上aタグが60PX幅、単語「店」の30px、私は背景アイコンのCSSスプライトを使用していますので、カートアイコン、放置30pxのパディング、ある <a href="#">shop</a> a{ background-image: url(http://placehold.it/60x60/ff0000/000&text=100)!important;

0熱

1答えて

CSSスプライトが適用されないのはなぜですか？

私は自分のコードでCSSスプライトを使用しています。私が使用している背景イメージは次のとおりです。 HTML内私は動的に整数値に基づいてアイコンを生成するのにspanを使用していた（カウント）し、その数に対応するアイコンは、ユーザーに表示されるべきです。ブラウザ上でこれを実行するとただしのみmolecularmatch-icon-image ruleに対応するCSSルールは、アイコンの上に適用さ

0熱

1答えて

網膜炎のアイコンの問題

私の言語切り替え網膜スプライトアイコンに問題があります。私は言語切り替えのためのa：beforeステートメントを持っていて、そこでスプライトアイコンスタイルを適用しています。 2倍のデバイスピクセル比率（網膜）で調整するには、あなたの助けが必要です。ここでのコードは次のとおりです。 .l-header #nav > div.v-menu::before { content: ""; disp

1熱

2答えて

Htmlのアニメーションコンテンツhow to

私は、以下の例のように活気にあふれる動画コンテンツを必要とする課題があります。このサンプルがどのように行われたか、私は興味がありますか？css、sprite、gif、video？スライディングスクリーン、アニメーションスクロールバー、ページネーション、ムービングアイコンなどがすべて自己完結型映画としてタイムリーに表示されます。どのように下に作られ、効率的に実行するためのアイデアは非常に感謝します。

-1熱

1答えて

画像変化は

私は今1 See this image に4枚の画像を持っているために作成されたイメージを持って、私は何をしようとしていることは一番上にちょうど最初の正方形をロードするためにCSSを取得することです。ユーザーがその画像の上を移動すると、4つの画像すべてが切り替わります。読み込み時に黒く表示され、ユーザーがその上に置かれると、イメージは赤、次に青、緑、そして黒に戻ります。マウスが画像領域から離れる