タグ付けされた質問 「css-sprites」

Twitterのブートストラップは、Glyphiconsによるアイコンを使用しています。available in dark gray and whiteデフォルトでは " "です。 いくつかのCSSトリックを使用してアイコンの色を変更することは可能ですか？各色にアイコン画像を設定する必要がなくなる他のcss3の輝きを期待していました。 囲んでいる（<i>）要素の背景色を変更できることは知っていますが、アイコンの前景色について話しています。アイコン画像の透明度を逆にして、背景色を設定することは可能だと思います。 では、CSSのみを使用してブートストラップアイコンに色を追加できますか？

159 css  twitter-bootstrap  sprite  css-sprites 

この記事http://css-tricks.com/css-sprites/では、1つの大きな画像から小さな画像を切り取る方法について説明しています。可能かどうか、または小さい画像を切り取って、レイアウトする前に切り取られた領域を拡大縮小する方法を教えてください。 以下はその記事の例です。 A { background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png); background-position: -10px -56px; } spriteme1.pngから画像を切り抜いた後、その画像をどのように拡大縮小できるか知りたい 次に例のURLを示します。http： //css-tricks.com/examples/CSS-Sprites/Example1After/ では、アイテム1、2、3、4の横にあるアイコンを小さくできるかどうか知りたいのですが？

157 css  css-sprites 

現在のところ、この質問は、Q＆A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 cssスプライトを作成するための優れたツールはありますか？ 理想的には、画像のディレクトリとそれらの画像を参照する既存の.cssファイルを与え、すべての小さな画像で最適化された大きな画像を作成し、それらの画像を参照するように.cssファイルを変更したいと思います。 少なくとも、画像のディレクトリを取得して、大きなスプライトと、それぞれを背景として使用するために必要な.cssを生成する必要があります。 これを行うための優れたphotoshopプラグインまたは完全に機能するアプリはありますか？

126 css  css-sprites  web-performance 

スプライトを使用し、一部のアイコンに代替テキストを提供できるように、背景画像付きの透明な1x1画像を使用しています。 画像のデータURIを使用してHTTPリクエストの数を減らしたいのですが、透明な画像を作成するために可能な最小の文字列は何ですか？ スプライトの代わりに実際の画像にデータURI：を使用できることはわかっていますが、すべてを散らばるのではなくCSSに保持すると、維持が簡単になります。

125 css  css-sprites