Skip to content

Instantly share code, notes, and snippets.

@devlint

devlint/object-fit.html

Created May 13, 2016 08:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save devlint/eff45c2eede62d9651384c9e9d964e4c to your computer and use it in GitHub Desktop.
Save devlint/eff45c2eede62d9651384c9e9d964e4c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
object-fit.html
<picture style="width: 100%;height: 400px;display: block;border: 1px solid;">
<source srcset="https://unsplash.it/1980/980?image=0" media="(min-width: 1000px)">
<source srcset="https://unsplash.it/1000/510?image=10" media="(min-width: 600px)">
<img src="" class="OF-cover" srcset="https://unsplash.it/400/600?image=20" alt="…" style="width:100%;height: 100%;">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment