Art.28A.6.21

SURVOL

************************
<div style="width: 1000px; height: 562px; margin: 20px auto; text-align: left;"><img id="mos1" class="mos" src="http://ekladata.com/Vwj9AruuGv6Fkme_Y4FojuAbe2Y@1000x562.jpg" alt="" /> <img id="mos2" class="mos" src="http://ekladata.com/S1Jeb5ePi5rlw9-mUzQsq8nXpBs@1000x562.jpg" alt="" /> <img id="mos3" class="mos" src="http://ekladata.com/jcQyCl_uw7l6i1eXfEcSXl1U6Gw@1000x562.jpg" alt="" /> <img id="mos4" class="mos" src="http://ekladata.com/USby0kJrSXEHrlnFuZwTqSE43Lc@1000x562.jpg" alt="" /> <img id="mos5" class="mos" src="http://ekladata.com/mJltoHV6HErbQqLMtUz5Ws6x-Xg@1000x562.jpg" alt="" /> <img id="mos6" class="mos" src="http://ekladata.com/wYDcJ6IKYyg0NkQqlSRZ75elQlk@1000x562.jpg" alt="" /> <img id="mos7" class="mos" src="http://ekladata.com/rn0jA_79c-QmbncBZx43p_PgleA@1000x562.jpg" alt="" /> <img id="mos8" class="mos" src="http://ekladata.com/nGk_DEGIyEZ0gDV4fxVlElc_6jk@1000x562.jpg" alt="" /></div>

<style><!--
.mos{position:absolute; z-index:1; width:1000px; height:562px; transition:all 1s;}
#mos1{clip-path:polygon(0% 0%, 50% 0%, 50% 0%, 0% 25%);}
#mos2{clip-path:polygon(0% 50%, 50% 0%, 50% 0%, 0% 75%);}
#mos3{clip-path:polygon(50% 0%, 50% 0%, 20% 100%, 0% 100%);}
#mos4{clip-path:polygon(50% 0%, 50% 0%, 100% 100%, 80% 100%);}
#mos5{clip-path:polygon(50% 0%, 100% 50%, 100% 75%, 50% 0%);}
#mos6{clip-path:polygon(50% 0%, 100% 0%, 100% 25%, 50% 0%);}
#mos7{clip-path:polygon(50% 0%, 50% 0%, 47% 100%, 27% 100%);}
#mos8{clip-path:polygon(50% 0%, 50% 0%, 73% 100%, 53% 100%);}
#mos1:hover,#mos2:hover,#mos3:hover,#mos4:hover,#mos5:hover,#mos6:hover,#mos7:hover,#mos8:hover{z-index:5; clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
--></style>