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.
The code for the tiling is:
See also: PNG overly with no extra markup for a non tiled overly as:
<img style="background:url(Background.jpg)" src="Foreground.png" >
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