<!DOCTYPE html>
<html>
<head>
<title>Figure 22</title>
<style type="text/css">
body {margin: 100px;}

	body > div {float: left; margin: 50px; border: 1px solid red;
		background: url(img/frame-sq.png); background-size: 100% 100%; background-origin: border-box;
		transform-style: preserve-3d;}
	div:nth-child(5) {clear: left;}
	div > div {height: 150px; width: 150px; border: 1px solid gray;
		opacity: 1;
		text-align: center; font: small sans-serif; line-height: 2.5;
		background: linear-gradient(0deg,rgba(25