cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

Quick-add: + add another resource

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <div id="main">
  <figure>
    <img src="hoge.png">
  </figure>
  
  <figure>
    <img src="http://i43.tinypic.com/fjfghz.jpg" alt="">
  </figure>
  
  <figure>
    <img src="http://i47.tinypic.com/2rms31d.jpg" alt="">
  </figure>
  
  <figure>
    <img src="http://i41.tinypic.com/2u8xzps.jpg" alt="">
  </figure>
</div>
            
          
!
            
              #main {
  width: 50%;
  margin: 0 auto;
}

figure {
  margin: 1rem 0;
  position: relative;
  width: 100%;
  box-shadow: 0 0 3px #ccc;
  overflow: hidden;
}

figure.error::before {
  content: "";
  display:block;
  padding-top: 56.25%;
}

figure.error > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

img::before {
  /* spacer png */
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAFoCAYAAADHMkpRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABYxJREFUeNrs1kENAAAIxDDAv+fDBgmthL3WSQoAgD9GAgAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAYAABADCAAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAYAABADCAAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAYAABAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAYAABAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBAAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBAAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAGAAAQAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAGAAAQAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAwAACAGAAAQAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAwAACAGAAAQAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAwAACAGAAAQAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIACAAQQAwAACAGAAAQAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIACAAQQAwAACAGAAAQAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAADCACAAQQAwAACAGAAAQAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAADCACAAQQAwAACAGAAAQAwgAAAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAAAZQAgAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAYAABADCAAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAYAABADCAAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAYAABAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAYAABAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAGEAAAAwgAAAGEAAAAwgAgAEEAMAAAgBgAAEAMIAAABhAAAAMIAAABhAAAAMIAIABBADAAAIAGEAAAAwgAAAGEAAAAwgAgAEEAOCaFWAAKdIFzaiipR8AAAAASUVORK5CYII=');
  display: block;
  /*  No IMAGE  */
  background: #e0e0de url('data:image/png;base64,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') no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 100%;
}
            
          
!
            
              
document.addEventListener('DOMContentLoaded', () => {
  let imgs = document.querySelectorAll('img');

  for(const img of imgs) {
    img.addEventListener('error', (e) => {
      e.target.parentNode.classList.add('error');
    }, false);
  }
  
}, false)
            
          
!
999px
Loading ..................

Console