<picture>
  <source srcset="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/cc-1800.webp" type="image/webp" />
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/cc-1800.jpg" alt="Chris Coyier">
</picture>
img {
  max-width: 100%;
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.

Packages

This Pen doesn't use any packages.