• Portails Nicole

    Notre américaine est bien en peine, après le décès de son mari et malgré la présence de ses enfants; voici un code que j'ai préparé pour elle et avec ses photos.

    Survolez le portail pour l'ouvrir et, soyez gentil de lui rendre visite: elle a besoin de nous. (lien sur notre américaine)

     

     

     

    <div style="width: 60vw; height: 33.75vw; margin: 2vh auto; background: url('http://ekladata.com/wmBCyR0YcDERsmzuVlvrxsPdzzE.gif'); background-size: 60vw 33.75vw;">
    <p id="pt6">&nbsp;</p>
    <p id="pt7">&nbsp;</p>
    <p id="pt8">&nbsp;</p>
    </div>
    <style><!--
    #pt6{position:absolute; z-index:5; width:60vw; height:33.75vw;}
    #pt7{position:absolute; z-index:1; width:18.5vw; height:25vw; background:url('http://ekladata.com/jS-BYvcsi8AHXZvhXo83j5-7fKk.gif'); background-size:cover; transform:translate(11vw,6.5vw) perspective(15vw) rotatey(0deg) ; transform-origin: center left; transition:all 1s linear;}
    #pt8{position:absolute; z-index:1; width:18.5vw; height:25vw; background:url('http://ekladata.com/ANM6NaYMxb8wntaxkiB1xmgSGEc.gif'); background-size:cover; transform:translate(29.5vw,6.5vw) perspective(15vw) rotatey(0deg) ; transform-origin: center right; transition:all 1s linear;}
    #pt6:hover ~ #pt7{transform:translate(11vw,6.5vw) perspective(15vw) rotatey(88deg);}
    #pt6:hover ~ #pt8{transform: translate(30vw,6.5vw) perspective(15vw) rotatey(-88deg);}
    --></style>

     

     

     

    <div style="width: 60vw; height: 33.75vw; margin: 2vh auto; background: url('http://ekladata.com/qv_ijVxwaSnk-IHX14VfOWtGq0k.jpg'); background-size: 60vw 33.75vw;">
    <p id="pt1">&nbsp;</p>
    <p id="pt2">&nbsp;</p>
    <p id="pt3">&nbsp;</p>
    </div>

    <style><!--
    #pt1{position:absolute; z-index:5; width:60vw; height:33.75vw;}
    #pt2{position:absolute; z-index:1; width:18.5vw; height:25vw; background:url('http://ekladata.com/jS-BYvcsi8AHXZvhXo83j5-7fKk.gif'); background-size:cover; transform:translate(11vw,6.5vw) perspective(15vw) rotatey(0deg) ; transform-origin: center left; transition:all 1s linear;}
    #pt3{position:absolute; z-index:1; width:18.5vw; height:25vw; background:url('http://ekladata.com/ANM6NaYMxb8wntaxkiB1xmgSGEc.gif'); background-size:cover; transform:translate(29.5vw,6.5vw) perspective(15vw) rotatey(0deg) ; transform-origin: center right; transition:all 1s linear;}
    #pt1:hover ~ #pt2{transform:translate(11vw,6.5vw) perspective(15vw) rotatey(88deg);}
    #pt1:hover ~ #pt3{transform: translate(30vw,6.5vw) perspective(15vw) rotatey(-88deg);}
    --></style>