Difference between revisions of "Team:Greece/modeling"

Line 5: Line 5:
 
<body>
 
<body>
 
<div id='sector_box'>
 
<div id='sector_box'>
−
<a href='#' id='first_slice' class='scaleme' ><span class='parallelogram skew_by_left'><img src='samplebw.jpg' /></img></span></a>
+
<a href='#' id='first_slice' class='scaleme' ><span class='parallelogram skew_by_left'>
−
<a href='#' id='second_slice' class='scaleme' ><span style='margin-left:-100px' class='parallelogram'><img src='kitty2.jpg'></img></span></a>
+
                          <img src='https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19990495_1579794635376180_3389105891699812887_n.jpg?oh=269b591ba31e98c5589138b83322786c&oe=59C6AE37'></img></span></a>
−
<a href='#' id='third_slice' class='scaleme' ><span class='parallelogram'><img src='kitty3.jpg'></img></span></a>
+
 
−
<a href='#' id='fourth_slice' class='scaleme' ><span style='margin-right:-50px' class='parallelogram'><img src='kitty4.jpg'></img></span></a>
+
<a href='#' id='second_slice' class='scaleme' ><span style='margin-left:-100px' class='parallelogram'>
−
<a href='#' id='fifth_slice' class='scaleme' ><span class='parallelogram skew_by_left'><img src='kitty5.jpg'></img></span></a>
+
                          <img src='https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19905144_1579794768709500_4007164693926987411_n.jpg?oh=346c1b300082dbf7ecd685707a5a2a4c&oe=59FB2D6C'></img></span></a>
 +
 
 +
<a href='#' id='third_slice' class='scaleme' ><span class='parallelogram'>
 +
                          <img src=' https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19959325_1579794735376170_6355642100355049615_n.jpg?oh=7d971ac8e26289766f6d36b7cf4e3efe&oe=5A038629'></img></span></a>
 +
 
 +
<a href='#' id='fourth_slice' class='scaleme' ><span style='margin-right:-50px' class='parallelogram'>
 +
                            <img src='https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19989262_1579794592042851_6687623310099929433_n.jpg?oh=d9288a10a1e7696850aa1f85ca1648ab&oe=59FA6386'></img></span></a>
 +
 
 +
<a href='#' id='fifth_slice' class='scaleme' ><span class='parallelogram skew_by_left'>
 +
                            <img src='https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19905095_1579794772042833_7421764339803393701_n.jpg?oh=f67fd0583f06d1d90e97c357150eb72c&oe=5A060910'></img></span></a>
 
</div>
 
</div>
  
Line 66: Line 75:
 
}
 
}
  
−
#sector_box #first_slice:hover img{ content: url('sample.jpg') }
+
#sector_box #first_slice:hover img{ content: url('https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19989365_1579794682042842_6228231015332750797_n.jpg?oh=4e424311f4b4242285484769c1ad660a&oe=59FD296A') }
−
#sector_box #second_slice:hover img{ content: url('kitty3.jpg') }
+
 
−
#sector_box #third_slice:hover img{ content: url('kitty2.jpg') }
+
#sector_box #second_slice:hover img{ content: url(' https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19959325_1579794735376170_6355642100355049615_n.jpg?oh=7d971ac8e26289766f6d36b7cf4e3efe&oe=5A038629') }
−
#sector_box #fourth_slice:hover img{ content: url('kitty5.jpg') }
+
 
−
#sector_box #fifth_slice:hover img{ content: url('kitty4.jpg') }
+
#sector_box #third_slice:hover img{ content: url('https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19905144_1579794768709500_4007164693926987411_n.jpg?oh=346c1b300082dbf7ecd685707a5a2a4c&oe=59FB2D6C') }
 +
 
 +
#sector_box #fourth_slice:hover img{ content: url('https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19905095_1579794772042833_7421764339803393701_n.jpg?oh=f67fd0583f06d1d90e97c357150eb72c&oe=5A060910') }
 +
 
 +
#sector_box #fifth_slice:hover img{ content: url('https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19989262_1579794592042851_6687623310099929433_n.jpg?oh=d9288a10a1e7696850aa1f85ca1648ab&oe=59FA6386') }
  
 
#sector_box .scaleme .parallelogram img{
 
#sector_box .scaleme .parallelogram img{

Revision as of 12:25, 13 July 2017