Example Frame image with CSS

Example Frame image with CSS

by Adi Jaya

HTML

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/nature/">
</div><div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/people/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/cats/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/nature/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/people/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/cats/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/nature/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/people/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/cats/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/nature/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/people/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/cats/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/nature/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/people/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/cats/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/nature/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/people/">
</div>

<div class="frame">
  <img alt="demo" src="http://lorempixel.com/150/150/cats/">
</div>

CSS

div.frame {
    background: #fff;
    padding: 0.5em;
    border: solid 1px #ddd;
    width: 150px;
    height: 150px;
    float: left;
    margin: 2px;
}

JavaScript

/* facebook.com/nafis3333  */