object-fitとobject-positionでスプライト画像を背景ではなくimg要素で使う

o_ti のブックマーク 2015/02/10 16:56

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/241273199/comment/o_ti" data-user-id="o_ti" data-entry-url="https://b.hatena.ne.jp/entry/s/css-tricks.com/spriting-img/" data-original-href="https://css-tricks.com/spriting-img/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-tricks.com%2Fspriting-img%2F" data-user-icon="/users/o_ti/profile.png">Spriting With <img> | CSS-Tricks</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%22CSS%20object-fit%22">CSS object-fit</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%22CSS%20object-position%22">CSS object-position</a>]</li></ul><br><p style="clear: left">object-fitとobject-positionでスプライト画像を背景ではなくimg要素で使う</p><a class="datetime" href="https://b.hatena.ne.jp/o_ti/20150210#bookmark-241273199"><span class="datetime-body">2015/02/10 16:56</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Spriting With <img> | CSS-Tricks

css-tricks.com2015/02/09

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Sprites aren’t limited to background-image, as with the object-fit and object-position pr...

3 人がブックマーク・3 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Spriting With <img> | CSS-Tricks

はてなブックマーク

公式Twitter

はてなのサービス