processing3 logo

 

Processing
processing3 logo

 

Processing
processing3 logo

 

Processing
De afbeeldingen worden volledig middels het html script gerealiseerd zie het voorbeeld in de w3school
 

zon1

zon boven de bergen.

zon2

zon boven de zee.

 

 
<!DOCTYPE html> 
<html> 
<head> 
<style>
 
div.polaroid { 
    width: 294px; 
    padding: 10px 10px 20px 10px; 
    border: 1px solid #BFBFBF; 
    background-color: white; 
    box-shadow: 10px 10px 5px #aaaaaa; 
}
 

div.content{
margin-left: 50px;
 
} 


div.rotate_left { 
    float: left; 
    -ms-transform: rotate(7deg); /* IE 9 */ 
    -webkit-transform: rotate(7deg); /* Safari */ 
    transform: rotate(7deg);
}
 
div.rotate_right { 
    float: left; 
    -ms-transform: rotate(-8deg); /* IE 9 */ 
    -webkit-transform: rotate(-8deg); /* Safari */ 
    transform: rotate(-8deg); 
} 
</style> 
</head>
 
<body>
<div class="content polaroid rotate_left"> 
  <img src="/images/joomla/zon1.jpeg" alt="zon1" width="284" height="213"> 
  <p class="caption">zon boven de bergen.</p> 
</div>  
  
<div class="content polaroid rotate_right"> 
  <img src="/images/joomla/zon2.jpeg" alt="zon2" width="284" height="213"> 
  <p class="caption">zon boven de zee.</p> 
</div> 
</body>
</html>