Saturday, April 23, 2011

The Cicada Principle and tilings

The background of this post uses the "cicada principle" for its tiling.
The two tile elements (shown below) have a prime number of columns, and the resulting pattern is repeated each 15 columns.

Red is transparent





The code for the tiling is:
<div style="background-image: url(bg3.png),url(bg5.png);
     background-size: auto, auto;
     margin: 0;
     padding: 0;
     height: 500px;
     width: 800px;">

<!-- content -->

</div>
Source: http://designfestival.com/the-cicada-principle-and-why-it-matters-to-web-designers/

See also: PNG overly with no extra markup for a non tiled overly as:
<img style="background:url(Background.jpg)" src="Foreground.png"  >

No comments:

Post a Comment