CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
Line 4: | Line 4: | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div id='sector_box'> | + | <div id='sector_box'> |
− | <a href= | + | <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