nfg_Day4

Day 4
<< main | course director notes


 * [|4. abstract pattern]**


 * [|3. transparent png example]**


 * [|2. animated gif example]**

code <!doctype html>
 * 1. positioning review**

position demo  width:960px; height:540px; position:relative; margin:auto; border: 1px solid black; }
 * 1) container{

.box{ width:100px; height:100px; background:url("dolphin.jpg"); background-position:-10px -30px; opacity:0.5; overflow:hidden; -moz-border-radius:50px; -webkit-border-radius:50px; }

position:absolute; left:100px; top:100px; -moz-transform:rotate(33deg); -webkit-transform:rotate(33deg); }
 * 1) box1{

position:absolute; left:130px; top:130px; -moz-transform:rotate(43deg); -webkit-transform:rotate(43deg); }
 * 1) box2{

code