In this part of the example we'll create the underlying page that the animation will run on, and add the styling.
First, we'll create the default page, and add the CSS for the example. Add the following elements to the
<body>
element of our template file:<div id="proximity"> <img src="img/proximity1.jpg" alt="CH-47 Chinook"> <img src="img/proximity2.jpg" alt="Mi-24W"> <img src="img/proximity3.jpg" alt="Mil Mi-24A"> <img src="img/proximity4.jpg" alt="AH-1J Cobra"> <img src="img/proximity5.jpg" alt="Mi-24P"> <img src="img/proximity6.jpg" alt="AH-1Z Viper"> <img src="img/proximity7.jpg" alt="AH-1W Cobra"> <img src="img/proximity8.jpg" alt="UH-1Y Huey"> <img src="img/proximity9.jpg" alt="AH-64 Apache"> <img src="img/proximity10.jpg" alt="AH-1W Super Cobra"> <img src="img/proximity11.jpg" alt="MI-28 Havoc"> <img src="img/proximity12.jpg" alt=...