santé mentale emplois nyc https://pilulesfrance.com/dysfonction-erectile/cialis-sur-internet/ où puis-je acheter des pilules abortives

Playground CSS - un menu en transition

Code HTML

<div class="menu-transition">
    <div class="item">
        <a href="#">Item 1</a>
        <div class="hidden"><img src="http://farm2.staticflickr.com/1394/557771204_6d06419b64_m.jpg" alt="" /></div>
    </div>
    <div class="item">
        <a href="#">Item 2</a>
        <div class="hidden"><img src="http://farm2.staticflickr.com/1394/557771204_6d06419b64_m.jpg" alt="" /></div>
    </div>
</div>

Code CSS

.menu-transition {
    perspective: 600;
    -webkit-perspective: 600;
    width: 280px;
}
.menu-transition .item {
    font-weight: 400;
}
.menu-transition .item a {
    background: #900;
    padding: 10px 20px;
    display: block;
    color: #fff;
}
.menu-transition .item a:hover {
    color: #ddd;
}
.menu-transition .hidden {
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: rotateX(-90deg);
    -webkit-transition: all .4s ease-in;
    background: #333;
    height: 0;
    opacity: 0;
    color: #fff;
    padding: 10px 15px;
}
.menu-transition .item:hover .hidden{
    -webkit-transform: rotateX(0deg);
    height:200px;
    opacity: 1;
}

image jerome debray

Jerome Debray est responsable de projet et lead developper web pour Ouestfrance Multimedia dans la business unit Auto.

retourner en haut de la page