• Art.23.7.21

    4 images au ratio 16/9 à survoler.

    **********
    <div style="width:1000px; height:562px; margin:20px auto; text-align:left;">
    <img id="org1" class="org" src="http://ekladata.com/3L4rsXIKVu7iafnALZpXEzbKoP0@1000x562.jpg">
    <img id="org2" class="org" src="http://ekladata.com/hmWWqOJU1SFunpRQsCN-XY1jdtc@1000x562.jpg">
    <img id="org3" class="org" src="http://ekladata.com/bIhLlqJb34igeXxEVnnnUix9OGU@1000x562.jpg">
    <img id="org4" class="org" src="http://ekladata.com/Vz4vmGIEZZEIY32YHI6od4sJFFA@1000x562.jpg">
    </div>
    <style><!--
    .org{position:absolute; z-index:1; width:1000px; height:562px; border-radius:50%; transition:all 1s;}
    #org1{clip-path:polygon(10% 0%, 90% 0%, 50% 50%, 50% 50%);}
    #org2{clip-path:polygon(50% 50%,100% 0%, 100% 100%, 50% 50%);}
    #org3{clip-path:polygon(50% 50%, 50% 50%, 90% 100%, 10% 100%);}
    #org4{clip-path:polygon(0% 0%, 50% 50%, 50% 50%, 00% 100%);}
    #org1:hover,#org2:hover,#org3:hover,#org4:hover{z-index:5; clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
    --></style>