Difference between revisions of "Team:Greece/modeling"

Line 4: Line 4:
 
</head>
 
</head>
 
<body>
 
<body>
<div id='sector_box'>
+
<div id='sector_box'>
<a href="#" id="first_slice" class="scaleme"><div style='display:inline'><p>Hello world</p></a></div>
+
<div style='display:inline-block'><a href='#' id='first_slice' class='scaleme' ><div class='parallelogram skew_by_left'><img src='samplebw.jpg' /></img></div></a></div>
</div>
+
<div style='display:inline-block'><a href='#' id='second_slice' class='scaleme' ><div style='margin-left:-100px' class='parallelogram'><img src='kitty2.jpg'></img></div></a></div>
 +
<div style='display:inline-block'><a href='#' id='third_slice' class='scaleme' ><div class='parallelogram'><img src='kitty3.jpg'></img></div></a></div>
 +
<div style='display:inline-block'><a href='#' id='fourth_slice' class='scaleme' ><div style='margin-right:-50px' class='parallelogram'><img src='kitty4.jpg'></img></div></a></div>
 +
<div style='display:inline-block'><a href='#' id='fifth_slice' class='scaleme' ><div class='parallelogram skew_by_left'><img src='kitty5.jpg'></img></div></a></div>
 +
</div>
 +
 +
 
 +
 
 +
 
 +
 
 
<style>
 
<style>
 
/* The key to change for the effect is the overflow hidden of .parallelogram*/
 
/* The key to change for the effect is the overflow hidden of .parallelogram*/

Revision as of 12:02, 13 July 2017