Transform Pictures with word!! > BASIC ORIGNAL

• 목록
• 답변

<style>
  body{ margin: 30px; background-color: #e9e9e9;}
  div.polaroid{ width:284px; padding:10px 10px 20px 10px; border: 1px solid #bfbfbf; background-color:white; box-shadow: 10px 10px 5px #aaaaaa;}
  div.rotate_right{ transform:rotate(7deg);}
  div.rotate_left{transform:rotate(-8deg);}
   

</style>

  <div class="polaroid rotate_right">
    <img src="http://egis.kr/zz/w3/img/pulpitrock.jpg" alt="Pulpit rock" width="284" height="213">
    <p class="caption">The pulpit rock in Lysefjorden, Norway.</p>
  </div>
 
  <div class="polaroid rotate_left">
    <img src="http://egis.kr/zz/w3/img/cinqueterre (1).jpg" alt="Montenegrosso al mare" width="284" height="213">
    <p class="caption">Montenegrosso a Mare, One of the five village in Clinque Terre, Italy</p>
  </div>

추천0