• Automne 4

    Une demande de code pour ce montage publié, que je présente ici en 60x33.75vw, soit 60% de votre écran, au ratio 16/9.

    6 adresses d'images à remplacer par les vôtres, au ratio 16/9 et dans vos dimensions.

     

     

     

     

     

     

    Survol


    <div style="width: 60vw; height: 33.75vw; margin: 2vh auto; border: 0.6vh ridge white; background: linear-gradient(to bottom, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%);">
    <p id="rt1" class="rt">&nbsp;</p>
    <p id="rt2" class="rt">&nbsp;</p>
    <p id="rt3" class="rt">&nbsp;</p>
    <p id="rt4" class="rt">&nbsp;</p>
    <p id="rt5" class="rt">&nbsp;</p>
    <p id="rt6" class="rt">&nbsp;</p>
    <p id="rt7">Survol</p>
    </div>

    <style><!--
    .rt{position:absolute; z-index:1; width:16vw; height:9vw; border:0.5vh solid white; transition:all 1s linear;}
    #rt1{transform:translate(2vw,2vw) rotate(0deg); background:url('http://ekladata.com/YYqzAKaqF6SLgDd63GLt7RMyNlU.jpg'); background-size:cover;}
    #rt2{transform:translate(10vw,6vw) rotate(0deg); background:url('http://ekladata.com/vxOpEiwrETqjZjFO1P5wKApV78Q.jpg'); background-size:cover;}
    #rt3{transform:translate(18vw,10vw) rotate(0deg); background:url('http://ekladata.com/Irh-kumnrv1JxVaxOaWnLuwEYoI.jpg'); background-size:cover;}
    #rt4{transform:translate(26vw,14vw) rotate(0deg); background:url('http://ekladata.com/lRf35Fv6kL3BcdlKHygfEHRZKeE.jpg'); background-size:cover;}
    #rt5{transform:translate(34vw,18vw) rotate(0deg); background:url('http://ekladata.com/IZ3qLcmTgvuCIhlZC_r6HEuWH0I.jpg'); background-size:cover;}
    #rt6{transform:translate(42vw,22vw) rotate(0deg); background:url('http://ekladata.com/qXDo8z07wLVBYUJT9qr7Be6jL4A.jpg'); background-size:cover;}
    #rt7{position:absolute; z-index:1; width:12vw; text-align:center; font-size:3vw; color:white; text-shadow:0.2vh 0.2vh black; transform:translate(45vw,2vw);}
    #rt1:hover,#rt2:hover,#rt3:hover,#rt4:hover,#rt5:hover,#rt6:hover{z-index:10; width:60vw; height:33.75vw; border:none; transform:translate(0vw,0vw);}
    --></style>